@import url(' https://fonts.cdnfonts.com/css/sf-pro-display ');


*{
    font-family: 'SF Pro Display', sans-serif;
}

.carousel-indicators {
    bottom: 9%; /* Ajuste este valor conforme necessário */
}

#titulo-col{
    font-size: 4rem;
    text-align: center;
    font-family: 'aesthetic', sans-serif;
}

#imagem-col{
    height: auto;
    width: 100%;
    border-radius: 10%;
}

.centraliza{
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: center;
}

@font-face {
    font-family: aesthetic;
    src: url(assets/fonts/aesthetic_5/Aesthetic-Regular.ttf)
}

h1 {
font-family: aesthetic;
}

/* Estilos para telas pequenas (small) */
@media (max-width: 576px) {
    .row {
        display: flex;
        flex-direction: column;
        align-items: center; /* Centraliza o conteúdo */
    }

    .centraliza {
        text-align: center; /* Centraliza o texto */
    }

    #imagem-col {
        width: 100%;
        height: auto;
        margin-bottom: 20px; /* Adiciona espaço abaixo da imagem */
    }

    button {
        margin-top: 20px; /* Adiciona margem ao topo do botão */
    }

    #titulos, .titulos {
        font-size: 1.5rem; /* Ajusta o tamanho do título para telas pequenas */
        margin-bottom: 20px; /* Espaçamento abaixo do título */
    }
}