html {min-height: 100%;height:100%;scroll-behavior: smooth;/**/}
body {margin:0;font-family: "Outfit", sans-serif;background: #fff;color:#754c29;font-size:1em;line-height:2.8em;}

* {box-sizing: border-box;}

/*
#b3a280 castanho
#004730 verde
*/

.bg-green {background-color:#004730;color:#fff;}
.bg-brown {background-color:#b3a280}
.bg-field {background-image:url(../images/site/bg-header1999.jpg);background-repeat:no-repeat;background-size:cover;min-height:649px;background-position:center top}
.bg-field p {max-width:900px;margin:0 auto;}
.bg-abacate {background-image:url(../images/site/bg_abacate.jpg);background-repeat:no-repeat;background-size:750px;background-position:59% top;min-height:678px}
.bg-abacate .bg-green {background-color:rgba(0,71,48,0.9);}
.txtBrown {color:#b3a280;}
.txtGreen {color:#004730;}

header {/*height: 100vh;min-height:100vh*/}

h2 {color:#004730;font-size:3.1em;font-weight:800;line-height:1em;margin:0 0 20px 0}
p {font-size:1.6em;line-height:1.2em;}
.ttl {display:block;font-size:2em;}
.btn-primary {background-color:#b3a280;font-size:1.8em;border: 1px solid #b3a280;font-weight:800;padding:12px 18px !important;color:#fff0c0;box-shadow: 10px 12px 9px -2px rgba(0,0,0,0.21);-webkit-box-shadow: 10px 12px 9px -2px rgba(0,0,0,0.21);-moz-box-shadow: 10px 12px 9px -2px rgba(0,0,0,0.21);line-height:1.2em;transition: 0.4s;}
.btn-primary:focus,
.btn-primary:active,
.btn-primary:hover {background-color:#004730;box-shadow: 0 0 0 0 rgba(0,0,0,0.21);-webkit-box-shadow: 0 0 0 0 rgba(0,0,0,0.21);-moz-box-shadow: 0 0 0 0 rgba(0,0,0,0.21);}
.bg-green a {color:#b3a280;text-decoration:none}
.bg-green a:hover {color:#fff;}

.bg-brown a {color:#004730;text-decoration:none}
.bg-brown a:hover {color:#fff;}

@media only screen and (min-width: 100px) and (max-width: 1630px) {
	
	/*header {border:1px solid lime}*/
	
}

@media only screen and (min-width: 1201px) and (max-width: 1400px) {
	
	/*header {border:1px solid red}*/
	
	
}

@media only screen and (min-width: 993px) and (max-width: 1200px) {
			
	/*header {border:1px solid purple}*/
	
}

@media only screen and (min-width: 769px) and (max-width: 992px) {	
		
	/*header {border:1px solid blue}*/
	
	
	
}

@media only screen and (min-width: 577px) and (max-width: 768px) {			
	
	/*header {border:1px solid aqua}*/
	
	
}

@media only screen and (min-width: 100px) and (max-width: 576px) {	
		
	/*header {border:1px solid yellow}*/
	
	header img {max-width:100%}
	h2 {font-size:2.2em;}
	p {font-size:1.3em;line-height:1.2em;}
	.ttl {font-size:1.5em;}
	
}