/* Safari and Chrome */
-webkit-background-size: contain;

/* Firefox */
-moz-background-size: contain;

/* Internet Explorer */
-ms-background-size: contain;

/* Opera */
-o-background-size: contain;

body {
	margin: 0%;
	padding: 0%;
	
}
div {
   display: inline- block;
   /*margin-top: 3%;*/
}

div#content{
	/*padding-top: 5%;*/
	
}

div.header1{
	margin-bottom: -2%;
	
}

div.article{
	margin-top: 7%;
}


img#img_1{
	/*position: relative;*/
	padding-top: 14%;
	padding-left: 25%;
	width:27%;
	opacity: .5;
}

img#img_1:hover{
	/*position: relative;*/
	padding-top: 14%;
	padding-left: 25%;
	width:27%;
	opacity: 1;
}

#img_1 .text1{
	visibility: hidden;
	position: absolute;
	margin-left: 66%;
	margin-top: -18%;
	color: #ffffff;
	text-align: left;
	font-size: 1.8vw;
	font-family: "Arial", sans-serif;
	/*-webkit-text-stroke: 1px  #F8B000;*/
	color: #7F958F;
	opacity: 0;
}

#img_1:hover .text1{
	opacity: .7;
	-moz-transition: opacity 0.3s;
	-webkit-transition: opacity0.3s;
	-o-transition: opacity 0.3s;
	transition: opacity 0.3s;
	visibility: visible;
}



img.mainImg{
	/*position: relative;*/
	margin-top: -64%;
	/*width:25%;*/
}

div.pageHeader h1{
	/*font-family: "cocorrinaregular", futura, sans-serif;*/
	/*letter-spacing: 0px;*/
	font-size: 10vw;
	/*text-align: center;*/
	color: #F1E28F;
	/*margin-right: -6%;*/

}


h1{
	font-family: futura, sans-serif;
	color: #ffffff;
	font-size: 3vw;
	margin-left: 3%;
	margin-right: auto;
	/*margin-top: 20%;*/
	text-align: center;
	opacity: .9;
	letter-spacing: 45px;
} 

#header h1{
	font-family: futura, sans-serif;
	color: #ffffff;
	font-size: 3.8vw;
	margin-left: 3%;
	margin-right: auto;
	/*margin-top: 20%;*/
	text-align: center;
	opacity: .9;
	letter-spacing: 45px;
}

#mexico h1{
	font-family: futura, sans-serif;
	color: #ffffff;
	font-size: 3vw;
	margin-left: 3%;
	margin-right: auto;
	text-align: center;
	opacity: .9;
	letter-spacing: 45px;
	position: relative;
	z-index: 2;
} 


#header h2{
	font-family: "soymilkregular", futura, sans-serif;
	/*font-family:  futura, sans-serif;*/

	color: #ffffff;
	font-size: 3.2vw;
	/*font-size: 1vw;*/
	text-align: center;
	/*margin-left: 3%;*/
	margin-right: auto;
	margin-top: -2%;
	margin-bottom: -2%;
	opacity: .9;
}
#mexico h2{
	font-family: "soymilkregular", futura, sans-serif;
	color: #FFD800;
	font-size: 5vw;
	text-align: center;
	/*margin-left: 3%;*/
	margin-right: auto;
	margin-top: -1%;
	margin-bottom: -2%;
	opacity: .8;
	position: relative;
	z-index: 2;
}

#egypt h2{
	font-family: "soymilkregular", futura, sans-serif;
	color: #2F7D43;
	font-size: 4.5vw;
	text-align: center;
	margin-left: -1%;
	margin-right: auto;
	margin-top: -1%;
	margin-bottom: -2%;
	opacity: .8;
}

#greek h2{
	font-family: "soymilkregular", futura, sans-serif;
	color: #DFBE00;
	font-size: 4.5vw;
	text-align: center;
	margin-left: -1%;
	margin-right: auto;
	margin-top: -1%;
	margin-bottom: -2%;
	opacity: .8;
}

h3{
	font-family: "amatic_scbold", futura, sans-serif;
	text-align: center;
	padding-bottom: 20%;
	font-size: 5vw;
	color: #ffffff;
	opacity: .8;
	z-index: 2;
	position: relative;
	letter-spacing: 10px;
}
div#Stage{
	z-index: 1;
	margin-top: -6%;
}

div#Stage1{
	z-index: 1;
	margin-top: -5%;
}

div.text{
	margin-top: 2%;
}
p{
	font-family: "ciclefina", sans-serif;
	font-size: 1.1vw;
	color: #ffffff;
	opacity: .5;
	letter-spacing: 1px;
	padding-left: 15%;
	padding-right: 15%;
	-webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #ffffff;

}

p.name{
	font-family: "ciclefina", sans-serif;
	font-size: 1.3vw;
	color: #ffffff;
	opacity: .6;
	letter-spacing: 1px;
	padding-left: 10%;
	padding-right: 10%;
}

p#center{
	text-align: left;
	color: #ffffff;
	margin-top: -2%;
	padding-bottom: 2%;
	font-size: 1.2vw;
}



img{
	display: inline;
	max-width: 100%;
	height: auto;
	
	/*width: auto;*/
	/*height: auto;*/
}

img.arrow{
	margin-left: 4%;
	margin-bottom: -15%;
	opacity: .5;
	position: fixed;
	z-index: 2;
}

img.arrow:hover{
	/*margin-left: %;*/
	opacity: 1;
	-moz-transition: opacity 0.3s;
	-webkit-transition: opacity0.3s;
	-o-transition: opacity 0.3s;
	transition: opacity 0.3s;
}


/
a{
	color: #000000;
}

a p{
	opacity: .6;
	text-align: center;
	color: #ffffff;
}

a p:hover{
	opacity: 1;
	-moz-transition: opacity 0.3s;
	-webkit-transition: opacity0.3s;
	-o-transition: opacity 0.3s;
	transition: opacity 0.3s;
}


a{
	text-decoration: none;
}

a:hover{
	/*color: #F8B000;*/
	/*opacity: .5;*/
	-moz-transition: opacity 0.3s;
	-webkit-transition: opacity0.3s;
	-o-transition: opacity 0.3s;
	transition: opacity 0.3s;
}


.bcg {
	margin-top: 5%;
	background-color: #000000;
	position: relative;
	background-repeat: no-repeat;
	background-attachment: absolute;
	background-size: width height;

}

div.footer{
	margin-right: 0%;
	/*margin-bottom: -30%;*/
	padding: 0%;
	padding-right: 0%;
	padding-left: 0%;
	padding-top: 3%;
	padding-bottom: 2%;
}
p.name{
	
	padding: 3% auto;
	font-size: 1.2vw;
	color: #ffffff;
	text-align: center;
	opacity: .5;
}




.swap img:last-child{display:none}
.swap:hover img:first-child{display:none}
.swap:hover img:last-child{display:block}