@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@500&display=swap');

*{padding:0; margin:0; box-sizing: border-box;transition: 0.5s all;}


body{background: #dba227;}

.container{background: #fff; font-family: 'Raleway', sans-serif;}

.top{background: #828282; font-family: 'Raleway', sans-serif;}

nav{ padding: 1rem;font-family: 'Raleway', sans-serif;font-weight: 200; }

nav ul{ display: flex;  list-style: none;}

nav ul li{ padding:1rem; font-size: 2rem; text-decoration: none;}

nav ul li a{text-decoration: none;color:#fff; }

.page-footer{background: #}

.container3{ padding: 1rem;background: #fff; text-align: center;}

.container3 ul{list-style: none; margin: 0.5rem;}

.pregunta{font-style: italic;}

.plan{margin: 2rem 18rem; width: 60rem;}

.top .foto{border-radius: 10rem;}


.container3 .fotomap{
    max-width: 20%;
   margin: 0rem 30rem;
}

.container4{
    padding: 2rem 10rem;
}
/* cuando es mayor a 768px */
@media screen and (min-width:48rem) {