@import url('https://fonts.googleapis.com/css2?family=Libre+Baskerville&display=swap&family=Roboto');
 
 
    <style>

  body {
  text-align: center;
	background: #ffffff;

  }

  #main {
   min-height: auto;
   margin: 0px;
   padding: 0px;
   display: -webkit-flex;
   display:         flex;
   -webkit-flex-flow: row wrap;
           flex-flow: row wrap;
   }
   
     #main section{
   min-height: auto;
   margin: 0px;
   padding: 0px;
   display: -webkit-flex;
   display:         flex;
   -webkit-flex-flow: row wrap;
           flex-flow: row wrap;
   }
 

  
  
     #main > section  {
   margin: 6px;
   padding: 5px;

   bborder: 1px solid #FAEBD7;
   bbox-shadow: 2px 2px 10px black;
   bborder-radius: 3pt;
   background: #Ffffff; 
 
   -webkit-flex: 3 1 70%;
           flex: 3 1 70%;

   -webkit-order: 1;
           order: 1;
   }
   
   
     #main > section > article {
   margin: 6px;
   padding: 5px;
     min-height: auto;
   max-height: 100%;
  bborder: 1px solid #FAEBD7;
   bbox-shadow: 1px 1px 5px black;
   bborder-radius: 3pt;
   bbackground: #F5F5F5; 
   
   -webkit-flex: 3 1 45%;
           flex: 3 1 45%;

   -webkit-order: 2;
           order: 2;

   }
   
  
  #main > aside {
    float:right;
	   text-align: center;
	align:top;
   margin: 6px;
   padding: 5px;
   border: 1px solid #FAEBD7;
   background: #ffffff; 
   -webkit-flex: 3 1 7%;
           flex: 3 1 7%;
   -webkit-order: 3;
           order: 3;
   }
 
header {
   display: block;
   margin: 6px;
   padding: 5px;
   width:100%
   min-height: auto;
   max-height: 100%
   border: 1px solid #FAEBD7;
   bbox-shadow: 2px 2px 10px black;
   bborder-radius: 3pt;
   bbackground: #F5F5F5; 
   }
   
footer {
   display: block;
   text-align: center;
   margin: 6px;
   padding: 5px;
   width:100%
   min-height: auto;
   max-height: 100%
   border: 1px solid #FAEBD7;
   box-shadow: 2px 2px 10px black;
   border-radius: 3pt;
   background: #F5F5F5; 
   }

   
   
   
     #main > blog {
   margin: 6px;
   padding: 5px;
    border: 1px solid #FAEBD7;
   box-shadow: 2px 2px 10px black;
   border-radius: 3pt;
   background: #F5F5F5; 
   -webkit-flex: 1 6 30%;
           flex: 1 6 30%;
   -webkit-order: 5;
           order: 5;
   }
   
   
   
   #main > redes {
   margin: 6px;
   text-align: center;
   padding: 5px;
   border: 1px solid #FAEBD7;
   box-shadow: 2px 2px 10px black;
   border-radius: 3pt;
   background: #F5F5F5; 
   -webkit-flex: 1 6 30%;
           flex: 1 6 30%;
   -webkit-order: 6;
           order: 6;
   }
   
   .Estilo1 {font-size: 22px; 	font-family: Roboto,times; margin: 8px; text-align:left }
   .EstiloencabezadoA {font-size: 36px;  font-family: Roboto,times; margin: 8px; text-align:center  }
   .EstiloencabezadoB {font-size: 28px; font-family: Roboto,times; margin: 8px; text-align:center }

    a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: none;
}
a:active {
	text-decoration: none;
}
    .Estilo3 {
	font-family: "Times New Roman", Times, serif;
	font-size: 24px;
}


navbar{    display: inline-block;    width: 100%;     background: #F5F5F5;}
navbar ul{    list-style-type: none; text-align: center;}
navbar li{    display: inline-block;    margin-right: 15px; }
navbar a{    font-size: 1.6em;    color: #181818;    padding-bottom: 3px;
    text-decoration: none;}
navbar a:hover{    color: #760001;    border-bottom: 3px solid #760001;}

       .marketV {
      width: 90%;
}

      .portada {
      width:250px;
}


 
  /* Too narrow to support three columns */
  @media all and (max-width: 500px) {
  
.Estilo1 {font-size: 17px; font-family: Roboto,Times; margin: 5px; text-align: left;}

  
   #main, #main section, #page {
    -webkit-flex-flow: column;
            flex-flow: column;
   }
  /* Return them to document order */
  
   #main > aside, section {  
    -webkit-order: 0;
            order: 0;
   }
  
   #main > nav, #main > aside, header, footer {
    min-height: 20px;
    max-height: 100%;
   }
  
      .portada {
      width:50%;
}

 
       .marketV {
      width: 40%;
}

       .baner {
	      content:url("cafeV.jpeg");
}


  }
.Estilo7 {font-size: 24px; text-align:center;}
    </style>