/* ESTILOS GLOBAIS -------------------------------------------------- */ /* Padding abaixo do footer e texto mais suave no */ body { color: #5a5a5a; } /* CUSTOMIZA O CAROUSEL -------------------------------------------------- */ /* Classe base do carousel */ .carousel { margin-bottom: 4rem; } /* Já que usamos posicionamento de imagens, precisaremos fazer alguns ajustes na legenda */ .carousel-caption { bottom: 3rem; z-index: 10; } /* Declaramos alturas, devido ao posicionamento do elemento img */ .carousel-item { height: 32rem; background-color: #777; } .carousel-item > img { position: absolute; top: 0; left: 0; min-width: 100%; height: 32rem; } /* 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; } }