/* 1. Painel
--------------*/
#painel .carousel img {object-fit: cover;}
#painel .carousel .carousel-caption {top: 0; left: 0; bottom: 0; right: 0; padding: 2rem;}
#painel .carousel .carousel-caption h1 {font-size: 36px; font-weight: 600; letter-spacing: 0.5px; line-height: 1.5; margin: 0;}
#painel .carousel .carousel-caption .box {background: rgba(0, 0, 0, .65); border: 1px solid #000; box-shadow: 0 3px 5px 0 rgba(0, 0, 0, .4); padding: 1rem;}

/* 2. Sobre
-------------*/
#sobre p {text-align: center;}
#sobre .titulo {margin-bottom: 1.75rem;}

/* 3. Residencial
-------------------*/
#residencial {background: #FDFDFD; box-shadow: inset 0 2px 5px 0 rgba(0, 0, 0, .1);}
#residencial p {text-align: justify;}
#residencial img {border-radius: 10px; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .35);}

/* 4. Diferencial
-------------------*/
#diferencial .box {text-align: center;}
#diferencial .box img {width: 300px; height: 300px; object-fit: cover; border-radius: 100%; box-shadow: 0 2px 7px 0 rgba(0, 0, 0, .3); margin-bottom: 1rem;}
#diferencial .box h2 {font-size: 20px; font-weight: 900; margin: 0;}

/* 5. Call to Action | Projeto
--------------------------------*/
#call-to-action {background: url(../images/jpg/background/projeto.jpg); background-size: cover; background-attachment: fixed; background-position: center; box-shadow: 0 0 5px 0 rgba(0, 0, 0, .5); padding: 120px 0;}
#call-to-action .box {background: rgba(255, 255, 255, .9); border: 1px solid #FFF; border-radius: 10px; box-shadow: 0 2px 10px 0 rgba(0, 0, 0, .7); padding: 1rem;}
#call-to-action .box p {text-align: justify;}
#call-to-action .box .titulo {margin-bottom: 1rem;}

/* 6. Portifólio
------------------*/
#portifolio .box {height: 250px; overflow: hidden; cursor: pointer;}
#portifolio .box img {height: 100%; object-fit: cover; transition: .4s ease-in-out; -webkit-transition: .4s ease-in-out;}
#portifolio .box:hover img {transform: scale(1.2);}

/* 7. Depoimentos
------------------*/
#depoimentos .box {width: 100%; height: 300px; border-radius: 10px;}
#depoimentos .box img {width: 100%; height: 300px; object-fit: cover; border-radius: 10px;}

/* 8. Contato
---------------*/
#contato {background: #FDFDFD; box-shadow: inset 0 2px 5px 0 rgba(0, 0, 0, .1);}
#contato h2 {font-size: 18px; font-weight: 900; text-transform: uppercase;}