body{ 
background-image: url(home-hero.png);
}

* {
margin:0;
padding:0;
box-sizing: border-box;
}

header {
display: flex;
justify-content: center;
flex-wrap: wrap;
background-image: url(top.png);
width: 1920px;
height: 295px;
}

header .logotop {
display: flex;
justify-content: center;
}

header .folia {
display: flex;
align-items: center;
justify-content: center;
}


main {
height: 500px;
}

@font-face {
font-family: "Minecrafter";
src: url("Minecrafter.Alt.ttf") format("truetype");
font-style: normal;
font-weight: normal;
}

main .cuadro {
width: 500px;
height: 300px;
margin-left: 80px;
color: #CACFD2;
font-family: "Minecrafter";
}

main h1 {
font-size: 35px;
}

footer {
margin-left: 0;
width: 100%;
height: 280px;
bottom: 0;
position: fixed;
background-image: url(base.png);
}

footer .pie {
display: flex;
justify-content: center;
flex-wrap: wrap;
}

footer h1 {
font-size: 25px;
color: #FBFCFC;
font-family: verdana, sans-serif;
text-align: center;
margin-top: 160px;
}

footer h2 {
font-size: 11px;
color: #FBFCFC;
bottom: 0;
position: absolute;
font-family: verdana, sans-serif;
}




@media only screen and (max-width: 650px){

@media only screen and (max-width: 360px){