/* GLOBAL */
*, *::before, *::after {box-sizing:border-box; margin:0; padding:0;}
html	{height:100%; scroll-behavior:smooth;}
body	{height:100%; margin:0; font-size:20px; font-weight:700; color:#1F1A43; line-height:1.25;
		font-family:"Archivo", sans-serif; font-optical-sizing:auto; font-style:normal; font-variation-settings:"wdth" 100;
		background:linear-gradient(90deg,rgba(240, 248, 236, 1) 0%, rgba(238, 237, 248, 1) 100%);}
h2 {color:#529937; font-size:50px; margin:0 0 10px 0}
.title {text-align:center;}
.title h3 {font-size:22px; border:3px solid #3B3281; color:#3B3281; border-radius:25px; display:inline-block; padding:0 20px; margin:0 0 15px 0}
p	{margin:0 0 15px 0}
p:last-child {margin:0}
a {text-decoration:none; color:#335E22}
a:hover {color:#529937}
i {color:#529937; font-size:36px; margin-right:5px; position:relative; bottom:-5px}
a:hover i {color:#1F1A43}
.btn {text-align:center;}
.btn a {font-size:24px; background:#529937; color:#FFF; border-radius:25px; display:inline-block; padding:5px 20px; margin:0 0 15px 0}
.btn a:hover {background:#335E22;}
img {display:block; vertical-align:middle; max-width:100%; height:auto}
.img-resp {width:100%; height:auto}
.img-circle	{border-radius:50%; width:100%; height:auto; margin:0 auto}
.img-ctr {width:25%; margin:0 auto}
.center {text-align:center!important} 
.right {text-align:right; justify-content:flex-end}
.justify {text-align:justify}
.flex {display:flex;}
.flex-ctr {display:flex; justify-content:center; align-items:center;}

/* LAYOUT */
section {width:100%; padding:75px 10px 0 10px; box-sizing:border-box; overflow:hidden}
.container-fluid {width:100%; max-width:100%; margin:0; padding-left:15px; padding-right:15px}
.container {width:100%; max-width:1200px; margin:0 auto;}
.col {box-sizing:border-box!important;}
.row {width:100%; padding:0; gap:25px; border:0px solid blue}

/* HEADER */
header {display:flex; justify-content:space-between; align-items:center; position:fixed; z-index:10; left:0; top:0; width:100%; padding:2px 10px; background:transparent}
header .logo img {height:76px; width:auto; border-radius:9px}
header .whatsapp {width:42px; height:auto}
header .whatsapp:hover {opacity:0.75}

#contact .whatsapp img {width:30px; height:auto; position:relative; left:-3px; top:-2px; opacity:0.70; display:inline!important}
#contact .whatsapp:hover img {opacity:1}

@media (min-width:768px) {
	.cel {display:none!important}
	.row {margin:0;}
	.row-margin-bottom {margin-bottom:-25px}
	.col-100 {width:100%;}
	.col-75 {width:85%;}
	.col-50 {width:50%;}
	.col-25 {width:15%;}	
	#contact {padding:0 15%}
	.contact-info {padding-top:25px}
	.fa-facebook {margin-left:150px}
}
@media (max-width:767px) {
	.desk {display:none!important}
	h2 {font-size:30px;}
	.title h3 {font-size:18px}
	p, a, li {font-size:18px!important;}
	.flex, .flex-ctr {flex-direction:column;}
	.reverse {flex-direction:column-reverse}
	header .logo img {height:50px; width:auto}		
	section {padding:75px 0 0!important; box-sizing:border-box!important; overflow:hidden; border:px solid blue;}
	.container, .container-fluid {padding:0 10px!important}
	.row {margin-bottom:50px;}
	.col {width:100%!important;}
	.img-circle	{width:33%;}
	#contact {text-align:center}
}

/* STANDBY

; border:1px solid red


 */