/* ESTILOS GLOBAIS -------------------------------------------------- */ /* Padding abaixo do footer e texto mais suave no */ body { color:#939393; } /* CUSTOMIZA O CAROUSEL -------------------------------------------------- */ /* Classe base do carousel */ /* Já que usamos posicionamento de imagens, precisaremos fazer alguns ajustes na legenda */ .carousel-caption { bottom: 7rem; z-index: 10; } .carousel-caption { position: absolute; left: 0; padding-top: 20px; padding-bottom: 20px; color: #fff; width: 100%; } /* Declaramos alturas, devido ao posicionamento do elemento img */ .carousel-item > img { min-width: 100%; height: auto; width: 100%; border-radius: 0.55rem; } /* CONTEÚDO DO MARKETING -------------------------------------------------- */ /* Alinha, centralmente, o texto dentro das três colunas abaixo do carousel */ .marketing .col-lg-4 { margin-bottom: 1.5rem; text-align: center; } .marketing h2 { font-weight: 400; } .marketing .col-lg-4 p { margin-right: .75rem; margin-left: .75rem; } /* Featrurezinhas ------------------------- */ .featurette-divider { margin: 5rem 0; /* Espaça o elemento

mais */ } /* Afina os cabeçalhos de marketing */ .featurette-heading { font-weight: 300; line-height: 1; letter-spacing: -.05rem; } /* CSS RESPONSIVE -------------------------------------------------- */ @media (min-width: 40em) { /* Aumenta o tamanho do conteúdo do carousel */ .carousel-caption p { margin-bottom: 1.25rem; font-size: 1.25rem; line-height: 1.4; } .featurette-heading { font-size: 50px; } } @media (min-width: 62em) { .featurette-heading { margin-top: 7rem; } }