@import //fonts.googleapis.com/css?family=Rancho;

#main-slide {
	max-width:1250px;
	margin:auto;
	height:auto;
	margin-top:0;
}

#main-slide.mobile {
	margin-top:70px;
}

.cycle-slideshow img {
	position: absolute; top: 0; left: 0;
    width: 100%; padding: 0; display: block;
}

/* set border-box so that percents can be used for width, padding, etc (personal preference) */
.cycle-slideshow, .cycle-slideshow * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.cycle-slideshow img:first-child {
    position: static; z-index: 100;
}

/* caption */
.cycle-caption {
	position:absolute;
	color:#fff;
	bottom:15px;
	right:15px;
	z-index:700;
}

/* overlay */


.cycle-overlay {
	font-family: Rancho;
	position:absolute;
	bottom:0;
	width:100%;
	z-index:600;
/* 	background:rgba(0,0,0,.25); */
	color:#fff;
	padding:15px;
	text-align: center
}


/*
.cycle-overlay {
	position:absolute;
	top:130px;
	left:55%;
	width:100%;
	z-index:600;
	animation-name: animate_1;
    animation-duration: 2s;
}

@keyframes animate_1 {
    0%   {opacity: 0; left:0px; top:0px;}
    100%  {opacity: 1; left:55%; top:130px;}
}
*/

/*
@keyframes animate_0 {
    0%   {opacity: 0;}
    100%  {opacity: 1;}
}


.overlay_1 {
	position: absolute;
	width: 42%;
	top: 130px;
	left: 55%;
	z-index: 101;
	animation-name: animate_1;
    animation-duration: 2s;
}

@keyframes animate_1 {
    0%   {opacity: 0; left:0px; top:0px;}
    100%  {opacity: 1; left:55%; top:130px;}
}

.overlay_2 {
	position: absolute;
	width: 42%;
	top: 30px;
	left: 25%;
	z-index: 101;
	animation-name: animate_2;
    animation-duration: 2s;
}

@keyframes animate_2 {
    0%   {opacity: 0; left:0px; top:0px;}
    100%  {opacity: 1; left:25%; top:30px;}
}

.overlay_3 {
	position: absolute;
	width: 42%;
	top: 100px;
	right: 25%;
	z-index: 101;
	animation-name: animate_3;
    animation-duration: 2s;
}

@keyframes animate_3 {
    0%   {opacity: 0; left:0px; top:0px;}
    100%  {opacity: 1; right:25%; top:100px;}
}
*/


div.cycle-overlay div:first-child {
	font-size: 5em;
	font-weight: 700;
	line-height: 1em;
	margin: 0 0 20px 0;
	color: #FFF;
	text-shadow: 1px 1px 6px rgba(0, 0, 0, 0.55)
}

@media screen and (max-width: 425px) {
	div.cycle-overlay div:first-child {
		font-size: 1em;
}
.cycle-overlay {

	padding:5px;
}

}