/* 1. Sobre
-------------*/
#sobre {padding: 70px 0;}
#sobre .image img {height: 300px; object-fit: cover; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .2);}
#sobre .box {background: #9D0E22; border-radius: 10px; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .2); color: #FFF; padding: 15px;}
#sobre .box p {text-align: justify;}
#sobre .box .titulo, #sobre .box .subtitulo {color: inherit;}

/* 2. Serviços
----------------*/
#servicos .box {height: 375px; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .25); overflow: hidden; position: relative;}
#servicos .box img {height: 100%; object-fit: cover;}
#servicos .box .overlay {position: absolute; top: 0; left: 0; width: 100%; height: 100%; text-align: center; background: rgba(0, 0, 0, .8); color: #FFF;}
#servicos .box .overlay .text {position: absolute; width: 100%; padding: 15px; transition: all .4s ease-in-out; -webkit-transition: all .4s ease-in-out;}
#servicos .box .overlay .text h2 {font-size: 22px; font-weight: 900; line-height: 1.5; letter-spacing: 1px;}
#servicos .box .overlay .text:first-child {bottom: 0; left: 0; opacity: 1;}
#servicos .box .overlay .text:first-child p {text-transform: uppercase;}
#servicos .box .overlay .text:last-child {top: 100%; left: 0; height: 100%; opacity: 1; -ms-flex-direction: column; flex-direction: column;}
#servicos .box:hover .overlay .text:first-child {opacity: 0;}
#servicos .box:hover .overlay .text:last-child {transform: translateY(-100%);}

/* 3. FAQ
------------*/
#faq {background: #9D0E22;}
#faq .titulo, #faq .subtitulo {color: #FFF;}
#faq .card {box-shadow: 0 2px 5px 0 rgba(255, 255, 255, .50);}
#faq .card:not(:last-child) {margin-bottom: 1rem;}
#faq .card .card-header {background: #EAEAEA; cursor: pointer;}
#faq .card .card-header i {transition: all .4s ease-in-out; -webkit-transition: all .4s ease-in-out;}
#faq .card .card-header[aria-expanded="true"] i {transform: rotate(90deg);}
#faq .card .card-body {text-align: justify;}

/* 4. Contato
---------------*/
#contato h2 {font-size: 18px; font-weight: 300; font-style: italic; text-align: center; margin-bottom: 1rem;}
#contato img {height: 450px; object-fit: cover; border-radius: 10px; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .15);}