@media(max-width:767px){
    .navbar{
        padding: 0.5rem;
    }   
    .title-home{
        font-size: 32px;
    }
    .subtitle-home{
        font-size: 20px;
    }
    .bienvenida, .oferta-academica, .servicios, .cursos{
        padding: 5rem 0.5rem;
    }
    .title-section{
        font-size: 28px;
        text-align: center;
    }
    .subtitle-section{
        font-size: 20px;
        text-align: center;
    }
    .img-bienvenida{
        margin-top: 3rem;
    }
    .name-oferta{
        font-size: 18px;
    }
    .img-oferta-container{
        margin-top: 5rem;
        display: flex;
        justify-content: center;
    }

    .img-oferta{
        width: 85%;
    }
    .img-oferta-float.one, .img-oferta-float.two, .img-oferta-float.four, .img-oferta-float.three{
        width: 85px;
    }

    .img-oferta-float.one, .img-oferta-float.three{
        right: 0px;
    }
    .img-oferta-float.two, .img-oferta-float.four{
        left: 0;
    }

    .title-second{
        text-align: center;
        margin-top: 2rem;
    }
    .text-second{
        text-align: center;
    }
    .link, .link02{
        text-align: center;
    }
    .servicios .col-md-12{
        text-align: center;
    }
    .servicios .col-md-3{
        text-align: center;
        margin-top: 2rem;
    }
    .title-curso{
        font-size: 16px;
        line-height: 24px;
        text-align: center;
        margin-top: 1.5rem;
    }
    .card-curso{
        padding: 1rem;
    }
    .img-curso{
        height: 150px;
    }
    .text-razones{
        padding: 1.5rem;
    }

    ul.razones{
        text-align: center;
    }

    .title-contactanos{
        font-size: 36px;
    }

    .img-contactanos{
        margin-top: 3rem;
    }
    .text-footer, .title-footer, .li-footer{
        text-align: center;
    }
    .items-contact{
        margin-top: 2rem;
    }
    button:focus:not(:focus-visible){
        box-shadow: none;
    }
    .navbar-light .navbar-toggler{
        border: none;
    }
    li.nav-item.nav-item-right{
        margin-left: 0;
        gap: 8px;
    }
    .icon-servicio{
        margin-left: 0;
    }

    .title-footer{
        margin-top: 3rem;
    }
    
    
}

@media(min-width:768px) and (max-width:1023px){
    .btn.btn-primary{
        margin-bottom: 2rem;
        font-size: 18px;
    }
    .title-second{
        margin-top: 2rem;
    }
    .img-razones{
        width: 100%;
    }
    .contactanos .btn.btn-secondary{
        margin-bottom: 2rem;
    }
    .bienvenida, .oferta-academica, .servicios, .cursos{
        padding: 5rem 2rem;
    }
    .text-second, .link, .link02{
        font-size: 18px;
    }
    .title-servicio{
        font-size: 17px;
    }
    .card-curso{
        padding: 1rem 1.5rem;
    }
    .img-oferta-float.one{
        right: -30px;
    }
    .razon-item, .text-contactanos{
        font-size: 18px;
    }

    .contactanos label, .contactanos .form-control{
        font-size: 18px;
    }
    .text-footer, .name-logo-footer, .li-footer, .title-footer{
        text-align: center;
    }
    .navbar{
        padding: 1rem;
        align-items: center;
    }
    .logo-footer{
        width: 250px;
    }
}