@font-face {
	font-family: 'One';
	src: url(../fonts/One.eot);
	src: url(../fonts/One.eot?#iefix) format("embedded-opentype"), url(../fonts/One.woff2) format("woff2"), url(../fonts/One.woff) format("woff"), url(../fonts/One.ttf) format("truetype");
	font-weight: normal;
	font-style: normal
} 
html {overflow-x: hidden;}
h1{font-family:One,Verdana,Arial; font-size: calc(48/1920*100vw); text-transform: uppercase;}
p {font-family:One,Verdana,Arial;}


/* Color definition */ 
.txtBranco {color:#ffffff;}
.txtPreto {color:#000000;}

.bgBranco {background-color:#ffffff;}
.bgPreto {background-color:#000000;}


/* Desktop Full Resolution */ 
@media screen and (min-width: 1025px) {

#site {overflow: hidden; top: 0; float: left; position: relative; height: auto;}
#home {min-height:100vh; width: 100vw; background-color: #ffffff; text-align: center; overflow: hidden;}
#home .logo {width: auto; height: auto; margin-left: auto; margin-right: auto; padding-top: calc(180/1920*100vw);}
#home .logo img {width:calc(996/1920*100vw); height: auto;}

#home .contato {font-size: 18px; color:#000000; text-align: center; width: auto; margin-left: auto; margin-right: auto; margin-top:calc(100/1920*100vw);}
#home .mouse {text-align: center; width: auto; margin-left: auto; margin-right: auto; margin-top:calc(100/1920*100vw); cursor: pointer; padding-bottom: 20px;}
#conteudo {height:auto; width: 100vw; text-align: left; overflow: hidden;}
#conteudo #conteudoMeioP {min-height:100vh; width: 50vw; background-color: #000000; text-align: left; overflow: hidden; float: left;}
#conteudo #conteudoMeioP h1 {color: #ffffff; padding-top: 20px; padding-bottom: 20px; padding-left: 30px; padding-right: 30px;}
#conteudo #conteudoMeioP p {font-size: calc(22/1920*100vw); color:#ffffff; text-align: left; width: auto; padding-left: 30px; padding-right: 30px;}
#conteudo #conteudoMeioB {min-height:100vh; width: 50vw; background-color: #ffffff; text-align: left; overflow: hidden; float: left;}
#conteudo #conteudoMeioB h1 {color: #000000; padding-top: 20px; padding-bottom: 20px; padding-left: 30px; padding-right: 30px;}
#conteudo #conteudoMeioB p {font-size: calc(22/1920*100vw); color:#000000; text-align: left; width: auto; padding-left: 30px; padding-right: 30px;}

}

/* Tablet */
@media screen and (min-width: 781px) and (max-width: 1024px) { 

#site {overflow: hidden; top: 0; float: left; position: relative; height: auto;}
#home {min-height:100vh; width: 100vw; background-color: #ffffff; text-align: center; overflow: hidden;}
#home .logo {width: auto; height: auto; margin-left: auto; margin-right: auto; padding-top: calc(180/1920*100vw);}
#home .logo img {width:calc(996/1920*100vw); height: auto;}

#home .contato {font-size: 18px; color:#000000; text-align: center; width: auto; margin-left: auto; margin-right: auto; margin-top:calc(50/1920*100vw);}
#home .mouse {text-align: center; width: auto; margin-left: auto; margin-right: auto; margin-top:calc(50/1920*100vw); cursor: pointer; padding-bottom: 20px;}
#conteudo {height:auto; width: 100vw; text-align: left; overflow: hidden;}
#conteudo #conteudoMeioP {min-height:100vh; width: 50vw; background-color: #000000; text-align: left; overflow: hidden; float: left;}
#conteudo #conteudoMeioP h1 {color: #ffffff; padding-top: 20px; padding-bottom: 0px; padding-left: 30px; padding-right: 30px;}
#conteudo #conteudoMeioP p {font-size: calc(24/1920*100vw); color:#ffffff; text-align: left; width: auto; padding-left: 30px; padding-right: 30px;}
#conteudo #conteudoMeioB {min-height:100vh; width: 50vw; background-color: #ffffff; text-align: left; overflow: hidden; float: left;}
#conteudo #conteudoMeioB h1 {color: #000000; padding-top: 20px; padding-bottom: 0px; padding-left: 30px; padding-right: 30px;}
#conteudo #conteudoMeioB p {font-size: calc(24/1920*100vw); color:#000000; text-align: left; width: auto; padding-left: 30px; padding-right: 30px;}

}

/* Mobile */
@media screen and (min-width: 501px) and (max-width: 780px) { 


#site {overflow: hidden; top: 0; float: left; position: relative; height: auto;}
#home {min-height:100vh; width: 100vw; background-color: #ffffff; text-align: center; overflow: hidden;}
#home .logo {width: auto; height: auto; margin-left: auto; margin-right: auto; padding-top: calc(220/1920*100vw);}
#home .logo img {width:calc(996/1300*100vw); height: auto;}

#home .contato {font-size: 18px; color:#000000; text-align: center; width: auto; margin-left: auto; margin-right: auto; margin-top:calc(50/1920*100vw);}
#home .mouse {text-align: center; width: auto; margin-left: auto; margin-right: auto; margin-top:calc(50/1920*100vw); cursor: pointer; padding-bottom: 20px;}
#conteudo {height:auto; width: 100vw; text-align: left; overflow: hidden;}

#conteudo #conteudoMeioP {min-height:100vh; width: 50vw; background-color: #000000; text-align: left; overflow: hidden; float: left;}
#conteudo #conteudoMeioP h1 {color: #ffffff; padding-top: 20px; padding-bottom: 0px; padding-left: 30px; padding-right: 30px; font-size: calc(30/780*100vw);}
#conteudo #conteudoMeioP p {font-size: calc(15/780*100vw); color:#ffffff; text-align: left; width: auto; padding-left: 30px; padding-right: 30px;}

#conteudo #conteudoMeioB {min-height:100vh; width:50vw; background-color: #ffffff; text-align: left; overflow: hidden; float: left;}
#conteudo #conteudoMeioB h1 {color: #000000; padding-top: 20px; padding-bottom: 0px; padding-left: 30px; padding-right: 30px; font-size: calc(30/780*100vw);}
#conteudo #conteudoMeioB p {font-size: calc(15/780*100vw); color:#000000; text-align: left; width: auto; padding-left: 30px; padding-right: 30px;}

}



/* Mobile */
@media screen and (max-width: 500px) { 

#site {overflow: hidden; top: 0; float: left; position: relative; height: auto;}
#home {min-height:100vh; width: 100vw; background-color: #ffffff; text-align: center; overflow: hidden;}
#home .logo {width: auto; height: auto; margin-left: auto; margin-right: auto; padding-top: calc(250/1200*100vw);}
#home .logo img {width:calc(996/1200*100vw); height: auto;}

#home .contato {font-size: 18px; color:#000000; text-align: center; width: auto; margin-left: auto; margin-right: auto; margin-top:calc(250/1200*100vw); margin-bottom:calc(250/1200*100vw);}

#home .mouse {text-align: center; width: auto; margin-left: auto; margin-right: auto; margin-top:calc(50/1920*100vw); cursor: pointer; padding-bottom: 20px;}
#conteudo {height:auto; width: 100vw; text-align: left; overflow: hidden;}
#conteudo #conteudoMeioP {min-height:100vh; width: 100vw; background-color: #000000; text-align: left; overflow: hidden; float: left;}
#conteudo #conteudoMeioP h1 {color: #ffffff; padding-top: 20px; padding-bottom: 0px; padding-left: 30px; padding-right: 30px; font-size: calc(48/780*100vw);}
#conteudo #conteudoMeioP p {font-size: calc(28/780*100vw); color:#ffffff; text-align: left; width: auto; padding-left: 30px; padding-right: 30px;}

#conteudo #conteudoMeioB {min-height:100vh; width: 100vw; background-color: #ffffff; text-align: left; overflow: hidden; float: left;}
#conteudo #conteudoMeioB h1 {color: #000000; padding-top: 20px; padding-bottom: 0px; padding-left: 30px; padding-right: 30px; font-size: calc(48/780*100vw);}
#conteudo #conteudoMeioB p {font-size: calc(28/780*100vw); color:#000000; text-align: left; width: auto; padding-left: 30px; padding-right: 30px;}

}



.fadeIn {
	-webkit-animation: fadeIn 2s ease-in-out;
	-moz-animation: fadeIn 2s ease-in-out;
	-o-animation: fadeIn 2s ease-in-out;
	animation: fadeIn 2s ease-in-out;
}

@-webkit-keyframes fadeIn {
0% { opacity: 0; }
100% { opacity: 1; } 
}
@-moz-keyframes fadeIn {
0% { opacity: 0;}
100% { opacity: 1; }
}
@-o-keyframes fadeIn {
0% { opacity: 0; }
100% { opacity: 1; }
}
@keyframes fadeIn {
0% { opacity: 0; }
100% { opacity: 1; }
}

.animaFadeIn {
	-webkit-animation: fadeInOut 1s infinite;
	-moz-animation: fadeInOut 1s infinite;
	-o-animation: fadeInOut 1s infinite;
	animation: fadeInOut 1s infinite;
}

@-webkit-keyframes fadeInOut {
0% { opacity: 0.5; }
50% { opacity: 0.5; }
100% { opacity: 1; } 
}
@-moz-keyframes fadeInOut {
0% { opacity: 0.5; }
50% { opacity: 0.5; }
100% { opacity: 0.5; } 
}
@-o-keyframes fadeInOut {
0% { opacity: 0.5; }
50% { opacity: 0.5; }
100% { opacity: 0.5; } 
}
@keyframes fadeInOut {
0% { opacity: 0.75; margin-top: 0px; }
50% { opacity: 1; margin-top: 0px;}
100% { opacity: 0.75; margin-top: 0px;} 
}