* {
    margin: 0px;
    padding: 0px;
    /*  lo ponemos todo a cero desde el principio*/
    box-sizing: border-box;
    /*  no le suma el padding, se lo resta*/
    font-family: 'Anton', sans-serif;
}



.encabezado .logodevint img {
    width: 100%;
    image-resolution:snap;
}

.header {

    width: 100%;
    background-color: rgb(255, 255, 255);
    z-index: 50;
    /*  el nivel predeterminado es 0 cuanto más alto más delante esta*/
}



.encabezado {
    width: 100%;
    height: 95px;
    display: flex;
    justify-content: space-between;
    padding-top: 20px;
    padding-left: 2%;

}






@media (min-width:280px) {

    .encabezado .logodevint {
        width: 35%;
        padding-bottom: 20px;
        margin-left: 2%;


    }

    .encabezado {
        margin:
            padding-bottom: 20px;

    }

}


@media (min-width:600px) {
    .encabezado .logodevint {
        width: 25%;
        padding-bottom: 20px;
        margin-left: 2%;


    }


}


@media (min-width:1024px) {
    .encabezado .logodevint {
        width: 15%;
        padding-bottom: 20px;
        margin-left: 2%;


    }

    .header {
        position: fixed;
        width: 100%;
        background-color: rgba(255, 255, 255, 0);
        z-index: 50;
        /*  el nivel predeterminado es 0 cuanto más alto más delante esta*/
    }

    .encabezado {
        width: 100%;
        margin-top: 0px;

    }

    .header2 {
        height: 95px;
        background-color: rgb(255, 255, 255);
    }

}