/* 1. Painel
--------------*/
#painel .carousel img {height: calc(100vh - 101.91px); object-fit: cover;}
#painel .carousel .carousel-caption {top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, .5); z-index: 0;}
#painel .carousel .carousel-caption h1 {font-size: 36px; font-weight: 900; text-transform: uppercase; letter-spacing: 2px;}
#painel .carousel .carousel-control-prev, #painel .carousel .carousel-control-next {background: transparent; border: 0; width: auto;}
#painel .carousel .carousel-control-prev {margin-left: 15px;}
#painel .carousel .carousel-control-next {margin-right: 15px;}
#painel .carousel .carousel-control-prev .carousel-control-prev-icon, #painel .carousel .carousel-control-next .carousel-control-next-icon {width: 35px; height: 35px;}

/* 2. Sobre
-------------*/
#sobre p {text-align: justify;}
#sobre .box {text-align: center;}
#sobre .box img {height: 75px; margin-bottom: 10px;}
#sobre .box h2 {font-weight: 600; text-transform: uppercase;}
#sobre .box p {text-align: inherit;}

/* 3. Diferencial
--------------------*/
#diferencial {background: #FBFBFB; box-shadow: inset 0 0 5px 0 rgba(0, 0, 0, .20);}
#diferencial .box {background: #FFF; border: 1px solid #ECECEC; box-shadow: 0 2px 7px 0 rgba(0, 0, 0, .15); border-radius: 10px; padding: 15px;}
#diferencial .box img {height: 90px; margin-bottom: 15px;}
#diferencial .box h2 {text-align: center; text-transform: uppercase; margin: 0;}

/* 4. Serviços
----------------*/
#servicos h2 {font-weight: 600; text-transform: uppercase; color: #0F70B7}
#servicos p {text-align: justify;}
#servicos img {height: 430px; object-fit: cover; box-shadow: 0 3px 5px 0 rgba(0, 0, 0, .35);}
#servicos .background {background: #F0F8FF; padding: 15px 0; position: relative; overflow: hidden;}
#servicos .background::before {content: ''; position: absolute; top: -15px; left: 50%; transform: translateX(-50%) rotate(45deg); width: 30px; height: 30px; background: #FFF;}

/* 5. Galeria
---------------*/
#galeria {background: #FBFBFB; box-shadow: inset 0 0 5px 0 rgba(0, 0, 0, .20);}
#galeria .box {height: 300px; cursor: pointer;}
#galeria .box img {height: 100%; object-fit: cover; box-shadow: 0 3px 5px 0 rgba(0, 0, 0, .35); transition: all .4s ease-in-out; -webkit-transition: all .4s ease-in-out; margin-bottom: 7px;}
#galeria .box:hover img {transform: translateY(-5px); box-shadow: 0 8px 5px 0 rgba(0, 0, 0, .35);}
#galeria h3 {font-size: 17px; color: #0f70b7;}

/* 6. Contato
---------------*/
#contato {background: #0F70B7; border-bottom: 1px solid #FFF; color: #FFF;}
#contato h2 {font-size: 18px; font-weight: 600; text-transform: uppercase;}
#contato a:hover {color: inherit; opacity: .75;}
#contato .titulo {color: #FFF;}
#contato .titulo::before {background: #FFF;}