:root{
    --colortexto: #ffffff;
    --colorazul: #050a30;
    --colorazuldos: #315f9e;
    --colorazultres: #2c7fba;
    --colorazulcuatro: #1b569c;
    --coloramarillo: #d4ba0d;
    --coloramarillodos: #f4f235;
    --colorbeig: #fdf5b1;
    --colorgris: #eef6f8;
    --colorazulclaro: #193964;
    --colorblanco: #fff;
    --colorazuldevanecido: rgba(5, 10, 48, .7);
    --coloriconredes: #ffffff;
}

@media screen and (max-width: 1068px){
    .cabecera{
        height: 4rem;
    }
    
    .logo img{
        width: 180px;
        line-height: 4rem;
    }
    .cabecera.abajo .log_scroll{
        width: 180px;
        line-height: 4rem;
    }
    .menu_nav{
        
        display: flex;
        list-style: none;
    }
    .menu_item, .icon_link{
        font-size: 1rem;
        margin: 0 1rem;
        line-height: 4rem;
    }
    
    .icon_nav{
        display: flex;
    }

}

@media screen and (max-width: 968px){
    .cabecera{
        height: 4rem;
    }
    .cabecera.abajo{
        transition: .3s;
        background-color: var(--colorazul);
        border-bottom: solid 1px #050a30;
    }
    .logo img{
        width: 200px;
        line-height: 5rem;
    }
    .cabecera.abajo .log{
        display: none;
    }
    .log_scroll{
        display: none;
    }
    .cabecera.abajo .log_scroll{
        display: block;
        line-height: 4rem;
    }
    
    .menu_nav{
        flex-direction: column;
        align-items: center;
        background-color: #050a30;
        position: fixed;
        left: 0;
        top: 4rem;
        width: 100%;
        padding: 1.4rem 0;

        height: calc(100% - 4rem);
        overflow-y: auto;

        left: -100%;
        transition: left .3s;
    }
    .cabecera.abajo .menu_nav{
        background-color: var(--coloramarillo);
    }
    .menu_item{
        line-height: 4.5rem;
    }
    
    .nav_link_item{
        color: var(--colorblanco);
    }
    .nav_link_item:hover{
        color: var(--coloramarillo);
        font-weight: 700;
        letter-spacing: .2rem;
    }
    .cabecera.abajo .nav_link_item{
        color: var(--colorazul);
    }
    .cabecera.abajo .nav_link_item:hover{
        color: var(--colorazul);
    }

    .icon_nav{
        display: none;
    }
    
    .nav_toggle{
        display: block;
    }

    .menu_nav--show{
        left: 0;
    }

    /*SEcciones de la pagina de index*/
    
    .title{
        color: var(--colorazul);
        font-size: 3rem;
        text-align: center;
    
        margin: 2rem 0;
    }
    .contenido_nosotro{
        display: block;
        text-align: center;
    
        padding: 2rem;
    }
    .contenido_nosotro img{
        width: 220px;

    }
    .parrafo_nosotros{
        font-size: .8rem;
    }

    .servicios_contenedor{
    
        background-color: #050a30;
        padding-top: 2rem;
    }

    /*contacto*/
    .contacto_contenedor{
        width: 100%;
        height: 160vh;
    }
    
    .box_cont{
        display: flex;
        flex-direction: column;
        margin: 0 2rem;
        border: none;
    }
    .info_contactos{
        border-radius: .5rem;
    }
    .link_contacto{
        font-size: 1rem;
        text-align: center;
    }
    .w, .i, .f, .c, .m{
        font-size: 1.2rem;
    }

    .form_contactos{
        padding: 1rem;
    }
    .btn_cont{
        width: 40%;
    }

    /*footer*/
    .menu_footer{
        margin: 0;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .menu_item_footer{
        margin: .5rem 0;
    }
    .derechos{
        text-align: center;
        font-size: .6rem;

    }
}