* {
    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;
}

.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 {
     background-color: rgb(255, 255, 255);
    width: 100%;
    height: 95px;
    display: flex;
    padding-top: 20px;
    padding-left: 5%;
 

}




@media (min-width:400px) {
    .encabezado .logodevint {
        display: flex;
        align-content: flex-start;
   
    }

}


@media (min-width:280px) {
    .encabezado .logodevint {
     padding-bottom: 20px;
      
    }

}


@media (min-width:600px) {
    .encabezado .logodevint {

        padding-bottom: 20px;
       

    }

}


@media (min-width:1024px) {

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

    }


}