body{
    background-image: url(../img/fondo2.jpg);
    font-family: sans-serif;
    }
 *{
    margin: 0px;
    padding: 0px;
    }
  #cabeceralogo{
    width: 96%;
    height: 150px;
    padding: 0% 2%;
    background-image: url(../img/images.jpg);
    }
  #cabeceralogo > div {
   max-width: 960px;
   margin: 0px auto;
   padding-top: 45px;
   }
  #cabeceralogo h1 {
   font: bold 54px Arial, sans-serif;
   color: #C0CAE2;
   }

#Menu{
    width: 100%;
    background: #4E94AB;
}
#btn-menu{
    display: none;
}
#Menu label{
    display: none;
    width: 30px;
    height: 30px;
    padding: 10px;
    border-right: 1px solid #fff;
}
#Menu label:hover{
cursor: pointer;
background: rgba(0, 0, 0, 0.3);
}
.Fila ul{
    margin: 0;
    list-style: none;
    padding: 0;
    display: flex;
    justify-content: center;
    flex-direction: row;
}
.Fila li{
    border-right: 1px solid #fff;
}
.Fila li:hover{
    background: rgba(0, 0, 0, 0.3);
}
.Fila li a{
    display: block;
    padding: 15px 20px;
    color: snow;
    text-decoration: none;
}

@media (max-width:768px){
    #Menu label{
        display: block;
    }

    .Fila {
        position: absolute;
        background: #4E94AB;
        width: 78%;
        margin-left: -80%;
    }
    .Fila ul{
        flex-direction: column;
    }
    .Fila li{
        border-top: 1px solid #fff;
    }
    #btn-menu:checked ~ .Fila{
        margin: 0;
    }

}


