header .logo{
    justify-content: center;
    width: auto;
}
header .logo img{
    width: 50vw;
}
header .logo p{
    display: none;
}
.menu{
    width: 25vw;
}
.menu .bar1{
    width: 10vw;
    height: 1vw;
}
.menu .bar2{
    width: 10vw;
    height: 1vw;
    margin: 1vw 0;
}
.menu .bar3{
    width: 10vw;
    height: 1vw;
}
nav{
    width: 100%;
}
nav li{
    padding: 2vmax 0;
    font-size: 2.5vmax;
}
.sub li{
    padding: 2vmax 0;
}
/*--------------------Slider ---------------------*/
.slider div{
    height: 40vh;
}
.slider .panel{
    width: auto;
    height: 20vh;
    margin: 10vh 0 0 0;
    display: flex;
    justify-content: center;
    align-items: center;
}
.slider h1{
    width: 70vw;
}
/*-----------------------HAHAHAHAHAHHAHA ------------*/
.haha{
    flex-flow: column;
    justify-content: center;
    align-items: center;
}
.hehe{
    width: 95vw;
}
.aaaa{
    font-size: 4vmax;
    width: auto;
    text-align: center;
}
.haha div{
    margin: 2vmax 0;
}
.haha img{
    width: 25vmax;
}
.content h1{
    font-size: 4vmax;
    width: auto;
    text-align: center;
}
.grid{
    width: 95vw;
}
.grid img{
    width: 40vw;
}
.grid div h2{
    font-size: 2.5vmax;
}
.grid div p{
    font-size: 1.5vmax;
    width: 40vw;
}
/*------------------------QSE LÁ----------------*/
.grade{
    width: 95vw;
}
.gg .gr p{
    width: 40vw;
}
.footer h1{
    font-size: 4.2vmax;
}
/*--------------------DEICDO-**********/
.dentro{
    grid-template-columns: auto;
}
.dentro .decido .pad_bot1{
    font-size: 4vh;
    width: auto;
}
.dentro .decido .pad_bot3{
    width: auto;
    font-size: 2vh;
}
.dentro .decido img{
    height: 20vw;
    margin: 2vh 0;
}
.insido .pad_top1{
    font-size: 4vh;
    padding: 4vh 0;
}
.insido .pad_bot1{
    font-size: 3vh;
}
.insido p{
    font-size: 2vh;
    width: 80vw;
}
.fotos{
    padding: 0;
}
.fotos .arroz img{
    width: 30vw;
}
.fotos .arroz p{
    font-size: 4.4vw;
}