/* CSS Document */
html{
        font-family: 'PT Sans', sans-serif; color: #fac944;
       }
<link href=rel='stylesheet' type='text/css'>
h1 {font-size: 15rem; color: #fac944}
h3{text-align: center}
{ box-sizing: border-box; margin: 0; padding: 0; border-radius: 0.5rem;}



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

nav1 {height: 50px; border-radius: 0.5rem;  width: 100%;}

nav2 ul {list-style-type: none; margin: 1rem 1rem 1rem -1.5rem;} 

nav2 ul li {display: block; font color:#fac944;margin: 1rem 1rem 3rem 1rem; object-position: center;}

nav2 ul li a {padding: 1rem; background-color: #565bc6; text-decoration: none;margin: 5rem 1rem 5rem 1rem; border-radius: 0.5rem;}
.clear{ clear: both;}


img{margin: auto; width: 80%; background:rgb(122, 100, 196);display: block;}
#destacada {width: 7%;background: none;}
#destacada2 {border-radius: 1000px;  width: 70%; display: block;
-webkit-box-shadow: 46px 56px 258px -13px rgba(0,0,0,0.75);
-moz-box-shadow: 46px 56px 258px -13px rgba(0,0,0,0.75);
box-shadow: 46px 56px 258px -13px rgba(0,0,0,0.75);}

a{color:#fac944;
}
body {
     background: #fac944;
     }

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

  #main {
      margin: 0;
   padding: 0;
   display: -webkit-column;
   display:         column;
   -webkit-flex-flow: row;
           flex-flow: row;
   }
 
  #main > article {
	  
margin: 0.25rem;
   padding: 0rem;
   border: 1rem solid #fac944;
   border-radius:1000px;
   background: #fac944;
   -webkit-flex: 3 1 60%;
           flex: 3 1 60%;
   -webkit-order: 2;
           order: 2;
   }
  


  #main > nav {
   margin: 0.25rem;
   padding: 0rem;
   border: 0.0625rem solid #fac944;
   border-radius: 0.5rem;
   background: rgb(122, 100, 196);
   -webkit-flex: 1 6 20%;
           flex: 1 6 20%;
   -webkit-order: 1;
           order: 1;
   }
  
  #main > aside {
   margin: 0.25rem;
   padding: 0.3rem;
   border: 0.0625rem solid #fac944;
   border-radius: 0.5rem;
  background: rgb(122, 100, 196);
   -webkit-flex: 1 6 20%;
           flex: 1 6 20%;
   -webkit-order: 3;
           order: 3;
   }
 
  header {
margin: 0.25rem;
   padding: 0rem;
   display: block;
         min-height: 6.25rem;
   border: 0.0625rem solid #fac944;
   border-radius: 0.5rem;
   background: rgb(122, 100, 196);
   }
footer {
    font-size: 0.7rem;
	text-align: center;
margin: 5rem 0.25rem 0.25rem 0.25rem;
     display: block;
   border: 0.0625rem solid #fac944;
   border-radius: 0.5rem;
   background: rgb(122, 100, 196);
   }
 
  /* Too narrow to support three columns */
  @media all and (max-width: 40rem) {
  
   #main {
    -webkit-flex-flow: column;
            flex-flow: column;
   }

   #main > article, #main > nav, #main > aside {
    /* Return them to document order */
    -webkit-order: 0;
            order: 0;
   }
  
   #main > nav, #main > aside, header, footer {
    /*min-height: 32rem;*/
    max-height: 32rem;
   }
  }