/* 1. Painel
--------------*/
#painel .carousel img {height: calc(100vh - 116px); 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: 1;}
#painel .carousel .carousel-caption h1 {font-size: 36px; font-weight: 900; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 1.5rem;}
#painel .carousel .carousel-caption .btn {font-size: 20px;}
#painel .carousel .carousel-control-prev, #painel .carousel .carousel-control-next {width: auto; background: transparent; border: 0;}
#painel .carousel .carousel-control-prev {margin-left: 1rem;}
#painel .carousel .carousel-control-prev .carousel-control-prev-icon {width: 40px; height: 40px;}
#painel .carousel .carousel-control-next {margin-right: 1rem;}
#painel .carousel .carousel-control-next .carousel-control-next-icon {width: 40px; height: 40px;}

/* 2. Sobre
-------------*/
#sobre p {text-align: justify;}
#sobre img {height: 365px; object-fit: cover; border-radius: 10px; box-shadow: 0 3px 7px 0 rgba(0, 0, 0, .35);}

/* 3. Serviços
----------------*/
#servicos {background: url(../images/jpg/background/servicos.jpg); background-size: cover; background-position: center; background-attachment: fixed; padding: 90px 0; position: relative; z-index: 0;}
#servicos::before {content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, .5); z-index: -1;}
#servicos .titulo {color: #FFF;}
#servicos .box {background: #FFF; border-radius: 10px; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .6); height: 100%; padding: 15px;}
#servicos .box img {height: 90px; margin-bottom: 15px;}
#servicos .box h2 {font-weight: 900; text-align: center; text-transform: uppercase; margin: 0;}

/* 4. Diferencial
-------------------*/
#diferencial .box {border: 1px solid #ECECEC; border-radius: 10px; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .15); padding: 15px;}
#diferencial .box img {height: 70px;}
#diferencial .box h2 {font-weight: 900; text-transform: uppercase; margin: 0;}

/* 5. Contato
---------------*/
#contato {background: #202020; 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: inherit;}