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

nav {color: #ffffff;
     margin-left:0rem;
     padding: 0rem;}

body {background-image: url(img/background.png);
    background-size: contain;
    font-family: 'Source Sans Pro', sans-serif; margin: auto}
}

nav ul{list-style: none;
        text-decoration: none;
        overflow: hidden;
        margin-left:0px;
        padding: 0rem;}

nav ul li{ float: none;
           color:#ffffff;
           margin-left:0rem;}
    

nav ul li a{margin: 0.3rem;
            padding: 1rem;
            display: block;
            text-decoration: none;
            margin-left:0px;
            color: #ffffff;
            transition: background-color 0.5s ease;
            background-color: #4c83bf;}

nav ul li a:hover {background-color: #7eadd9;
                   color: #4c83bf;}

img {
padding: 0.25rem;}

  #main {
   min-height: 50rem;
   margin: 0;
   padding: 0;
   display: -webkit-flex;
   display:         flex;
   -webkit-flex-flow: row;
           flex-flow: row;
   }
 
  #main > article {
   margin: 0.6rem;
   padding: 0.25rem;
   -webkit-flex: 3 1 60%;
           flex: 3 1 60%;
   -webkit-order: 2;
           order: 2;
   }
  
  #main > nav {
   margin: 0.25rem;
   padding: 0.25rem;
   -webkit-flex: 1 6 20%;
           flex: 1 6 20%;
   -webkit-order: 1;
           order: 1;
   }
  
  #main > aside {
   margin: 0.25rem;
   padding: 0.3rem;
  
   -webkit-flex: 1 6 20%;
           flex: 1 6 20%;
   -webkit-order: 3;
           order: 3;
   }
 
  header, footer {
   display: block;
   margin: contain;
   padding: 1rem;
   background: #4c83bf;    
   }

h1{color:#4c83bf}
h2{color:#4c83bf}
h3{color:#666666}

p{color: #666666}

.contenido {font-size: 12px; color: #ffffff; text-align: center; line-height: 100%}

  @media all and (max-width: 40rem) {
  
   #main {
    -webkit-flex-flow: column;
            flex-flow: column;
   }

   #main > article, #main > nav, #main > aside {
    -webkit-order: 0;
            order: 0;
   }
  
   #main > nav, #main > aside, header, footer {
  
    max-height: 32rem;
   }
  }