@media screen and (max-width: 768px){

    .navbar-expand-lg .navbar-nav{
        border-top: 2px solid #D6D6D6;
    }

    .navbar-expand-lg .navbar-nav .nav-link{
        text-align: center;
    }


    .clock {
        justify-content: center
    }

    .clock span {
        font-size: 24px;
        padding: 0 10px
    }

    .clock span .small {
        font-size: 12px
    }
    
    .footer__news {
    padding:2rem 1.2rem
    }
    
    .footer__title,.footer__subtitle {
    text-align:center
    }
    
    .footer__subtitle {
    padding-bottom:1rem
    }
    
    .footer__form {
    flex-direction:column
    }
    
    .footer__input {
    border-top-right-radius:var(--radious-general);
    border-bottom-right-radius:var(--radious-general);
    margin-bottom:.5rem
    }
    
    .footer__button {
    border-top-left-radius:var(--radious-general);
    border-bottom-left-radius:var(--radious-general);
    padding:1rem 2rem
    }
    
    .footer__contact-links,.jc-rwd {
        justify-content:center
    }
}

@media (max-width: 768px) {
    .title-main{
        font-size: 2.5rem;
    }

    .app{
        background-image: url('/img/app/bg-rwd.png');
        padding-top: 2rem;
    }
}

@media (max-width: 399px) {
    .clock {
        flex-wrap: wrap
    }
}