@import url("efeitos_visuais.css");
@import url("menu_mobile.css");

.logo {min-width:250px;}

.story {width: 100%; position: relative; margin: 0 auto; height:auto; /* border:solid black 1px; */}

article {overflow:auto; zoom:1; margin: 0 auto; width:90%; height:auto; }
	.area_conjunta {height:auto; overflow:hidden;}
	.area_conjunta img {height:auto;}

/* Páginas / Global */

#one { background:url(../images/bemvindo.jpg) 50% 0 no-repeat fixed; height: 1300px;}
#two { background: White; height: 500px;}
#three { background:url(../images/saibamais.jpg); height: 700px;}
#four { background: White; height: 620px;}
#five { background: White; height: 500px; background:WhiteSmoke;}
#six { background: White; height: 700px; background:black;}
#seven { background:White; height: 700px;}
#theend { background: White;}

p,  small, h1, h2,  h3,  h4,  h5,  a:hover,  a:visited,  a:active,  a:link {
	font-family: 'Raleway', sans-serif, Thin;
	text-decoration:none;
	color:grey;
	line-height: auto;
	margin:0 0 10px 0;
	}

section p {font-size:11px;}
section h5 {font-size:13px;}
section h4 {font-size:16px;}
section h3 {font-size:25px;}
section h2 {font-size:31px;}
section h1 {font-size:37px; text-align:center; margin-bottom:0.7em; color:black;}

#one .empresalogo {background:url(../images/empresalogo3.png) 50% 150px no-repeat fixed; min-height: 1000px;}

#two .area_conjunta {float:left; margin:0 80px 10px 0;}
#two .area_conjunta img {}

#three .area_conjunta {float:right; margin:0 0 80px 10px;}
#three .area_conjunta img {}

#four .area_conjunta {float:left; margin:0 80px 10px 0;}
#four .area_conjunta img {}

#five .area_conjunta {float:right; margin:0 0 80px 10px;}
#five .area_conjunta img {}

#six article {margin:0; width:100%; height:100%; overflow:hidden; background:black;}
#six article #video {width:89%; height:89%; margin: 40px auto 100px auto;}
#six article div {margin:auto; width:1024px; height:768px;}
#six article iframe {width:100%; height:100%;}
#six article img {cursor:pointer; width:1024px; height:auto; margin:0 auto 0 auto;}

#seven article {margin:0; width:100%; height:100%; overflow:hidden;}
#seven iframe {width:100%; height:100%;}

#theend .byebye {background: url(../images/namba.png) 40% 100px no-repeat fixed; height: 400px; cursor:pointer;}
#theend article {width:100%; height:200px; overflow:hidden;}
#theend article table {width:90%; margin:15px auto 0 auto;}
#theend p, #theend h5 {color:white;}
#theend p, #theend small,#theend h1,#theend h2, #theend h3, #theend h4, #theend h5, #theend a:hover, #theend a:visited, #theend a:active, #theend a:link {
	font-family: 'Roboto', sans-serif, Thin;
	text-decoration:none;
	color:white;
	line-height: auto;
	margin:0 0 10px 0;
	}
	
/* Resolucoes maiores */

@media screen and (min-width: 1024px) {

/* *{background:blue;} */

#theend article table {width:997px;}

}

@media screen and (min-width: 1200px) {

/* *{background:red;} */

#one { background:url(../images/bemvindo1200.jpg) 50% 0 no-repeat fixed; height: 1300px;}

#two article, #three article, #four article, #five article {max-width:1070px;}

#theend .louro {height:650px;}

#theend .louro div {padding-top:100px;}

#theend article {}

#theend article table {width:997px;}

}

@media screen and (min-width: 400px) {
	
h1, h2, h3, h4, h5, h6, p {color:black; line-height:70px;}

#one { background:url(../images/bemvindo.jpg) 50% 0 no-repeat fixed; height: 750px;}
#two { background: White; height: 1850px;}
#three { background:url(../images/saibamais.jpg); height: 3700px;}
#four { background: White; height: 2400px;}
#five { background: White; height: 1800px; background:WhiteSmoke;}
#six { background: White; height: 700px; background:black;}
#seven { background:White; height: 1000px;}
#theend { background: White;}

section p {font-size:23px;}
section h5 {font-size:26px;}
section h4 {font-size:40px;}
section h3 {font-size:45px;}
section h2 {font-size:41px;}
section h1 {font-size:50px; text-align:center; margin-bottom:0.7em; color:black;}

#two .area_conjunta img {width:880px;}

#three .area_conjunta img {width:880px; margin-top: 20px; margin-bottom:20px;}

#four img {width:880px;}

#five .area_conjunta img {width:880px;}

#theend .louro img {margin-left:-50px;}

#theend article {width:100%; height:900px;}

}