/* CSS Document */
html{
        font-family: 'PT Sans', sans-serif; color: #fac944;
       }
<link href=rel='stylesheet' type='text/css'>
h1 {font-size: 15rem; color: rgb(122, 100, 196);}
h4{color: rgb(122, 100, 196);text-align: center; font-size: 3rem;margin: 1.2rem 0rem 1rem 0rem;}


{ box-sizing: border-box; margin: 0; padding: 0; border-radius: 0.5rem;}

@media all and (width: 30rem) {
/* CSS para Tablets */
}

nav2 ul {list-style-type: none; margin: 1rem 1rem 1rem 1rem;} 
nav2 ul li {display: block; float: left;  }
nav2 ul li a {padding: 1rem; background-color: #fac944;}
.clear{ clear: both;}


img{margin: auto; width: 80%; background:rgb(122, 100, 196);display: block; background: none;}
#destacada {float: left; width:17%;background: none; margin-left: 7.5rem}
#destacada1 {float: left; width:17%;background: none; margin: 0rem 0rem 0rem 2rem;}



a{color:rgb(122, 100, 196);}
body {background: #fac944;}

#page {width: 90%; margin: 0 auto 0 auto;}



    /* Too narrow to support three columns */
  @media all and (max-width: 40rem) {