@charset "UTF-8";
/* wfsu.org/index.php modal styles */



.img_container {
    position:relative;
    text-align:center;
	top:10%;
}
.close {  color: #fff; padding:-30px; opacity: 1.0;}

i.arrow {
    position: relative;
    -webkit-animation: arrowmove .8s infinite; /* Safari 4.0 - 8.0 */
    -webkit-animation-timing-function: linear; /* Safari 4.0 - 8.0 */
    animation: arrowmove .8s infinite;
    animation-timing-function: linear;
	font-size: 21px;
	font-size: 2.1rem;
}

/* Safari 4.0 - 8.0 */
@-webkit-keyframes arrowmove {
    from {left: 0px;}
    to {left: 4px;}
}

@keyframes arrowmove {
    from {left: 0;}
    to {left: 4px;}
	
}


.modalbutton, .modalbutton2 {
    position:relative;
    bottom:95px;
	color:#000;
	background: #E9C31E;
}

.modalbutton2 {
    position:relative;
    bottom:95px;
	color:#fff;
	background: transparent;
	text-transform: uppercase;
	width:50%;
	border:2px solid #FFFFFF;
	padding:8px;
	font-size: 16px;
	font-size:1.6rem;
	-webkit-box-shadow: 1px 1px 2px 0 #666;  /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
  	-moz-box-shadow:    1px 1px 2px 0 #666;  /* Firefox 3.5 - 3.6 */
  	box-shadow:         1px 1px 2px 0 #666;  /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */
	text-shadow: 1px 1px 2px #666;
}

.modalbutton:hover, .arrow:hover {color:#333;}
.modalbutton2:hover {border:2px solid #000; }
.modalbutton2:hover, .arrow:hover{
	-o-transition:.5s;
  -ms-transition:.5s;
  -moz-transition:.5s;
  -webkit-transition:.5s;
  /* ...and now for the proper property */
  transition:.5s;
}


@media (min-width: 475px)  {	
	.modalbutton, .modalbutton2 {
		bottom:105px;
	}
}
@media (min-width: 550px)  {	
	.modalbutton, .modalbutton2 {
		bottom:125px;
	}
}
@media (min-width: 776px)  {	
	.modalbutton, .modalbutton2 {
		bottom:130px;
	}
}

@media (min-width: 1200px) {
	.modalbutton, .modalbutton2 {
		bottom:135px;
	}
	.modalbutton2 {
	font-size: 21px;
	font-size:2.1rem;
	}
}