/* CSS Document */
html{font-family: 'PT Sans', sans-serif; color: #fac944}
<link href=rel='stylesheet' type='text/css'>

h1 {font-size: 15rem; color: #fac944; text-align: center;}
h3 {font-size: 2rem; color: #fac944; text-align: center;padding: none;}
a{text-align: center;}
p{font-size: 0.7rem;}
h5{font-size: 0.5rem;}
h5{font-size:1.5rem;}
h6 {font-size: 1.5rem; text-align: center;padding: 0rem 3rem;}

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

nav {width: 100%; background: #ccc; border-radius: 0.5rem;}
nav ul{ padding: 0; margin: 0}
nav ul li{list-style-type: none;}
nav ul li a{background: #333; text-decoration: none; color: #fff; display: block; padding: 20px}
nav .botones{ position: relative; background: #eee; height: 50px; border-radius: 0.5rem;}
.vinculo{ text-align: center; color: #fff; display: block;}

img {width: 30%;margin: auto; margin: auto; display: block;padding: 1rem;}
#destacada {width: 30%;float: left;}
#destacada3 {width: 60%;float:none; background:rgb(122, 100, 196);object-position: center;}
#destacada2 {width: 30%;float:left;display: block;}

table {text-align: center; border-spacing: 5px; 
	margin: 0.1rem;padding:2rem 2rem;

   border: 0.0625rem rgb(122, 100, 196);
   border-radius: 0.5rem;
   background: rgb(122, 100, 196);
   -webkit-flex: 1 1 60%;
           flex: 1 1 60%;
   -webkit-order: 1;
           order: 1;
}
	
body {background: #fac944;}

#page {width:auto;}

#main {margin: 0.25rem;
   padding: 0rem;
   min-height: 50rem;
     display: -webkit-column;
   display:         column;
   -webkit-flex-flow: row;
           flex-flow: row;
   }
 
#main > article {
    
margin: 0.25rem;
   padding: 0rem;
   border: 0.0625rem solid #fac944;
   border-radius: 0.5rem;
   background: rgb(122, 100, 196);
   -webkit-flex: 1 1 60%;
           flex: 1 1 60%;
   -webkit-order: 1;
           order: 1;
   }
  
#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 {
  border-image-width: auto;
      
      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: 3;
           order: 3;
   }
 
  header {
display: block;
    padding: 0zrem;
    margin: 0.7rem;
   min-height: 50rem;
         min-height: 6.25rem;
   border: 0.0625rem solid #fac944;
   border-radius: 0.5rem;
   background: rgb(122, 100, 196);
   }

footer {text-align: center;
    display: block;
    padding: 0.5rem;
    margin: 0.7rem;
    
   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: auto;
   }
  }