*{ font-family: 'Lora'; }
h2{letter-spacing: 3px;font-weight: normal;font-size: 3vh;text-transform: uppercase;}
h2:first-letter{font-size: 130%}
body{padding: 0;margin: 0;font-size: 1;}
header{position: fixed;background:rgba(39, 39, 38, 0.8);padding: 1% 5%;display: flex;justify-content: space-between;width: 90%;top: 0;align-items: center;z-index: 999;overflow: visible;}
header nav{display: flex;justify-content: space-around;margin-left: 3%;width: 100%;max-width: 1100px;align-items: center;margin-top: 3%;flex-wrap: wrap;}
header nav a{display: block;color: #FFF;text-decoration: none;text-transform: uppercase;text-align: center;font-size: 1.5Vh;letter-spacing: 2px;white-space: nowrap;margin: 0 10px;}
header nav a::first-letter{font-size: 2vh;}
header span{ display:none}
header>a{    width: 18%;     min-width: 200px;}
header a img{ max-width: 300px; width: 100%}
section#banner{ background-image: url(images/bgbanner.jpg); background-size: cover; background-position: top center; width: 100%; height: 100vh; }
section#banner h2{ color: #fff; position: absolute; top: 250px; left: 10%; font-weight: normal; }
section#equipe{background-image: url(images/bgequipe.jpg);background-size: cover;background-position: top center;text-align: center;background-attachment: fixed; position: relative}
section#equipe:before{ content: ' '; background: rgba(39,39,38,0.5); position: absolute; width:100%; height: 100%; left:0; top:0; z-index:1 }
section#equipe h2{/* background: rgba(193,185,159, 0.5); */padding: 2% 0;width: 100%;text-align: center;font-size: 4vh;color:#FFF;position: relative;margin: 0;font-weight: normal; z-index: 2}
section#equipe h2:first-letter{font-size: 6vh;}
section#equipe div{padding: 0% 2% 3% 2%; position: relative; z-index: 3}
section#equipe div>a{width: 20%;margin: 1%;display: inline-block;/* background: rgba(255,255,255, 0.3); */font-weight: bold;/* margin-top: 12%; */text-align: center;vertical-align: top;text-decoration: none;color: inherit;color: #FFF;border: none;}
section#equipe div>a img{width: 70%;z-index: 2;position: relative;background-size: cover;background-repeat: no-repeat;background-position: top;}
/*section#equipe div>a p{ width: 80%; margin: 5% auto; display: none;}*/
section#equipe h3{font-size: 1.8vh !important; font-weight: normal;text-transform:uppercase;border: solid #c4b9ac 2px;padding: 5%;margin-top: -10%;z-index: 3;position: relative;white-space: nowrap;padding-top: 11%;}
section#equipe h3 p{display: inline-block;margin: 0;}
section#equipe h3 p:first-letter{ font-size:130%; letter-spacing: 2px;}
section#equipe small{text-transform: none;font-style: italic;}
section#sobre{ padding: 5% }
section#sobre h2{ font-weight: normal; }
section#sobre img{ width: 60%; display: inline-block; vertical-align: middle;}
section#sobre img+div{width: 32%;display: inline-block;margin-left: 3%; vertical-align: middle;}
section#sobre img+div p{width: 100%;margin-left: -16%;padding: 11% 14%;border: 1px solid #C1B99F;}
section#sobre>h2{width: 30%;display: inline-block;vertical-align: middle;text-align: right;margin-right: 5%;}
section#sobre>h2+div{width: 60%;border: 1px solid #C1B99F;display: inline-block;vertical-align: middle;padding: 5% 2%;margin-top: -2%;margin-right: -6%;}
section#sobre>h2+div b{display: inline-block; width: 20%; margin-left: 10%}
section#sobre>h2+div p{display: inline-block; width: 60%;}

section#atuacao{background-image: url(images/bgatuacao.jpg);background-size: cover;background-position: top center;text-align: center;background-attachment: fixed; color: #FFF; padding: 15% 5%; position: relative;}
section#atuacao h2{ display: inline-block; vertical-align: middle; width: 40%;  position: relative; z-index: 2}
section#atuacao ul{ display: inline-block; vertical-align: middle; width: 50%;margin-left: 5%;text-align: left; position: relative; z-index: 2 }
section#atuacao .overlay{ background: #000; opacity: 0.3; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 1}

section#associados-e-correspondentes{background-image: url(images/bgassociados.jpg);background-size: cover;background-position: bottom center;text-align: center;background-attachment: fixed; color: #FFF; padding: 20% 5%; position: relative;}
section#associados-e-correspondentes div.titulo{ position: absolute; top: 0; left: 0;background:  rgba(70,58,51, 0.7); color: #FFF; text-align: center; padding: 2% 5%; width: 90%; z-index: 10;}
section#associados-e-correspondentes div.overlay{ background: #FFF; opacity: 0.5; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 1}
section#associados-e-correspondentes div:last-child{text-align: left;width: 40%;color: #272726;position: relative;z-index: 2;margin-left: 5%;}
section#associados-e-correspondentes h3{ margin-bottom: 0;}
section#social{ padding: 5% }
section#social h2{ font-weight: normal; }
section#social img{ width: 60%; display: inline-block; vertical-align: middle;}
section#social img+div{width: 32%;display: inline-block;margin-left: 3%; vertical-align: middle;}
section#social img+div div{width: 100%;margin-left: -16%;padding: 11% 14% 1% 14%;border: 1px solid #C1B99F;}
section#social img+div img{display: block; margin: 15px auto; width: 80px;}



section#contato{ background: #C1B99F; padding: 5%; color: #463A33; }
section#contato form{width: 44%;margin-left: 10%;display: inline-block;vertical-align: middle;}
section#contato form input{padding: 2%;width: 96%;border: none;margin: 1%;}
section#contato form textarea{padding: 2%;width: 96%;border: none;font-family: 'Lora';margin: 1%;}
section#contato form button{padding: 2%;width: 41%;border:1px solid #463A33;margin-left: 60%;background: none;margin-right: 1%;}

section#contato div{width: 36%;vertical-align: middle;display: inline-block;margin-left: 9%;max-width: 400px;text-align: right;}
section#contato div h2 small{ font-size:2vh;}
section#contato div h2:first-letter{ font-size: 3.5vh}
footer{background: #463A33;color: #FFF;padding: 1% 10%;width: 80%;display: flex;justify-content: center;align-items: center;}
footer img{width: 250px;margin-right: 4%;}
footer p{ margin-top:4%}
body#interna { padding: 5% ; background: #FFF;}
body#interna h2{ font-weight: normal; }
body#interna section#equipe { background-image: none; }
body#interna section#equipe::before { display: none; }
body#interna img{width: 47%;display: inline-block;vertical-align: middle;margin: auto;display: block;margin-bottom: -20px;}
body#interna div{width: 42%;padding: 3% 5% 1%; border: 1px solid #C1B99F;display: inline-block;vertical-align: middle;}

@media only screen and (max-width: 1440px) {
	p{font-size: 1.0em !important;}
	ul{font-size: 1.0em !important;}
	b{font-size: 1.0em !important;}
}
@media only screen and (max-width: 1280px) {
	p{font-size: 1.0em !important;}
	ul{font-size: 1.0em !important;}
	b{font-size: 1.0em !important;}

	header nav a{ letter-spacing: 1px; }
}
@media only screen and (max-width: 1024px) {
	header nav{ display:none}
	header span{ display:block}
}
@media only screen and (max-width: 768px) {
	section#equipe div>a{width: 90%;margin-left:auto;margin-right:auto;display: block;/* margin-top: 32%; */}
	section#equipe div>a:first-child{/* margin-top: 44%; */}
	section#equipe h2{ margin-bottom: 5vh }
	section#sobre img{display: block; width: 90%; margin: 1% auto;}
	section#sobre img+div{display: block; width: 90%; margin: 1% auto;}
	section#sobre img+div p{display: block;width: 90%;margin: 1% auto;padding: 5%;}
	section#sobre>h2{display: block;width: 90%;margin: 6% auto;text-align: left;}
	section#sobre>h2+div{display: block; width: 90%; margin: 1% auto;}
	section#sobre>h2+div b{display: block;width: 90%;margin: 1% auto;padding: 5%;}
	section#sobre>h2+div p{display: block; width: 90%; margin: 1% auto;}
	section#atuacao h2{display: block; width: 90%; margin: 1% auto;}
	section#atuacao ul{display: block; width: 90%; margin: 1% auto;}
	footer{flex-direction: column;}
	section#associados-e-correspondentes{background-attachment: scroll;}
	section#associados-e-correspondentes div:last-child{display: block; width: 90%; margin: 230px auto 1% auto; }
	section#social img{ display: block; width: 90%; margin: 1% auto; }
	section#social img+div{display: block; width: 90%; margin: 1% auto; }
	section#social img+div div{padding: 5%;margin: auto;width: 90%;}
	section#contato form{display: block; width: 90%; margin: 1% auto; }
	section#contato div{display: block; width: 90%; margin: 1% auto; }
	header{ align-items: flex-end; }
	header a img{ width: 250px }
	section#equipe h3 p{font-size: 1.0em !important; }
	header nav{position: fixed;/* top: 0; */flex-direction: column;width: 90%;justify-content: space-evenly;bottom: 0;background: #282523;left: 0;padding: 5%;margin: 0;}
	header nav a{  margin: 2%; padding:5% 0 }
	body#interna img{    margin: auto;    display: block;    margin-bottom: -20px;    z-index: 1; position: relative;}
	body#interna div{width: 90%;margin-left: auto;padding:5%;display:block; position: relative; z-index:2}
}