/*
#F59207 laranja
#0170B9 azul
#898686 cinza
#474343 marron escuro
*/

/*CSS APLICADO COM BASE NO CONCEITO MOBILE FIRST*/

p,span{font-size: 22px;text-align:justify}

#section-1{background-color:#218AA7;padding-top:200px;padding-bottom:0px}
#section-1 .quadro{max-width:650px;/*float:right*/}
#section-1 i{font-size:35px;color:#ffffff;padding-right:10px}
#section-1 span{color:#4B4B4D;/*font-size:40px*/}
#section-1 .quadro div{padding-bottom: 50px}

#section-2 img{width:150px;padding-bottom:20px}
#section-2 h1{font-size:8vw;text-align:center;padding-bottom:30px;color:#F59207}
#section-2 p{font-size:4vw;color:#898686}

#section-3{background-color:#218AA7}
#section-3 h1{font-size:6vw;padding-bottom:15px}
#section-3 h2{font-size:5vw;padding-bottom:30px;color:#F59207}
#section-3 p{font-size:4vw;color:#474343}

#section-4 .col-md{padding-left:50px;padding-right:50px}
#section-4 i{font-size:70px;color: #F59207;padding-bottom:20px}
#section-4 h2{font-size:6vw;padding-bottom:30px;color:#0170B9}
#section-4 p{font-size:4vw;color:#898686}

#section-5{background-color:#343A40;padding-top:30px;padding-bottom:30px;}
/*#section-5 h2{font-size:6vw;padding-bottom: unset;padding-top: 10px;float: right;}*/
#section-5 h2{font-size:5vw;text-align:center;padding-bottom: unset;padding-top: 10px}
#section-5 .btn{background-color:#E44C03!important;border-color:#E44C03!important;color: #ffffff!important}

#section-6 .col-md{padding-left:50px;padding-right:50px}
#section-6 h1{font-size:6vw}
#section-6 h2{padding-top:100px}
#section-6 h3{color:#898686}
#section-6 h2,#section-6 h3{font-size:5vw}
#section-6 .font-poiret{font-size:6vw}
#section-6 h1,h2{padding-bottom:70px;color:#0170B9}
#section-6 p{font-size:4vw}
#section-6 i{color:#695656}
#section-6 img{padding-bottom:20px}
#section-6 .row:nth-child(4) h3{padding-bottom:10px;color:#F59207}

#section-7{background-color:#218AA7}
/*#section-7 .col-md{padding-left:70px;padding-right:70px}*/
#section-7 h1{font-size:7vw;padding-bottom:40px;color:#343A40;text-shadow: 1px 1px #000000}
#section-7 h3{font-size:4vw;padding-top:25px;padding-bottom:10px;color:yellow}
#section-7 p{font-size:4vw;color:#ffffff}

#section-8 h1{font-size:6vw;padding-bottom:50px;color:#F59207}
#section-8 .quadro{width:600px}
#section-8 span{font-size:4vw}
#section-8 i{/*font-size:20px;*/padding-right: 5px}

/*320px — 480px: Mobile devices.*/
@media only screen and (min-width: 480px){
	#section-2 h1{font-size:35px}
	#section-2 p{font-size:18px}
	#section-3 h1{font-size:30px}
	#section-3 h2{font-size:22px}
	#section-3 p{font-size:18px}
	#section-4 i{font-size:70px}
	#section-4 h2{font-size:22px}
	#section-4 p{font-size:18px}
	#section-5 h2{font-size:20px}
	#section-6 h1{font-size:30px}
	#section-6 h2,#section-6 h3{font-size:20px}
	#section-6 .font-poiret{font-size:30px}
	#section-6 p{font-size:18px}
	#section-6 i{font-size:50px}
	#section-7 h1{font-size:30px}
	#section-7 h3{font-size:20px}
	#section-7 p{font-size:18px}
	#section-8 h1{font-size:30px}
	#section-8 span{font-size:18px}
}

/*481px — 768px: iPads, Tablets.*/
@media only screen and (min-width: 768px){
	/*body{background-color: brown}*/
	/*#section-1 .quadro{float:right}
	#section-1 .col-md:nth-child(2) .d-flex{display:block!important;}*/
	#section-5 .d-flex{display: block!important;}
	#section-5 h2{float:right;}
}

/*769px — 1024px: Small screens, laptops.*/
/*@media only screen and (min-width: 1024px){
	
}*/

/*1025px — 1200px: Desktops, large screens.*/
/*@media only screen and (min-width: 1200px){
	
}*/

/*1201px and more — Extra large screens, TV.*/
/*@media only screen and (min-width: 1200px){
	
}*/