.img-fondo{
   background-image: url("../img/clima-fondo.jpg");
   background-size: cover;
   background-repeat: no-repeat fixed;
    }

header ul li{
list-style: none;
position:absolute;
top: 20px;
right: 30px;

}

header a{
    text-decoration:none;
    color: aliceblue;
}    

a:visited{
color: none;
}

.banner{
    margin-top:55px;
    height: auto;
}

/* body{
    height:100vh;
} */
.banner h1{
    padding-top:50px;
    margin-left: 20px;
    /* font-weight:100; */
}


.div h2{
    font-size: 1.5rem;
}
div p{
    text-align: center;
    width: 50%;
    height: 50%;
    font-size: 2rem;
}

.iconos{
    margin-bottom:110px
}
.h2, h2 {
    font-size: calc(1.325rem + .7vw);
}

.mensajeError{
    width: 50vh;
    margin: auto;
    font-size: 1.5rem;
    color: red;
}


@media only screen and (max-width: 500px)
{
.cartas{
    margin-left: 20px;    
    
}
div img{
    width:40px;
    height: 40px;
}
div p, h2{
    font-size: 1rem;
}
.iconos{
    margin-bottom:0px
}


}