html {
  scroll-behavior: smooth;
}
 
 
  <style type="text/css">
<!--
-->
.Estilo10 {
	font-size: 120px;
	color: #000000;
}
.Estilo11 {font-size: 50px}

.div-1 {
        background-color: #ABBAEA;
    }


 </style>
  


  
  @import url('https://fonts.googleapis.com/css2?family=Dancing+Script&family=Cormorant:wght@300&family=Fira+Sans+Condensed&family=Miniver&family=Libre+Baskerville&display=swap&family=Roboto&family=Seaweed+Script&display=swap');
  
  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;
   -webkit-flex: 3 1 70%;
           flex: 3 1 70%;
   -webkit-order: 1;
           order: 1;
   }
  
     #main > section > article {
   margin: 6px;
   padding: 5px;
   align: middle;
   min-height: auto;
   max-height: 100%
   -webkit-flex: 2 1 40%;
           flex: 2 1 40%;
   -webkit-order: 2;
           order: 2;   }
   
  #main > aside {
    float:right;
	   text-align: center;
	align:top;
   margin: 6px;
   padding: 5px;
   border: 1px solid;
   -webkit-flex: 3 1 7%;
           flex: 3 1 7%;
   -webkit-order: 3;
           order: 3;   }
 header {
   display: block;
     text-align: center;
   margin: 6px;
   padding: 5px;
   width:100%
   min-height: auto;
   max-height: 100%
   }
  
footer {
   display: block;
   text-align: center;
   margin: 6px;
   padding: 5px;
   width:100%
   min-height: auto;
   max-height: 100%   }
 
      #main > blog {
   margin: 6px;
   padding: 5px;
    border: 1px solid #FAEBD7;
   -webkit-flex: 1 6 30%;
           flex: 1 6 30%;
   -webkit-order: 5;
           order: 5;   }
  
   #main > redes {
   margin: 6px;
   text-align: center;
   padding: 5px;
   -webkit-flex: 1 6 30%;
           flex: 1 6 30%;
   -webkit-order: 6;
           order: 6;   }


  
  .modal-contenido{
  width:300px;
  padding: 10px 20px;
  margin: 20% auto;
  position: relative;
}
.modal{
  background-color: rgba(0,0,0,.95);
  position:fixed;
  top:0;
  right:0;
  bottom:0;
  left:0;
  opacity:0;
  pointer-events:none;
  transition: all 1s;
}
#miModal:target{
  opacity:1;
  pointer-events:auto;
}

  
  
  
   .Estilo1 {font-size: 22px; 	font-family: roboto; margin: 8px; text-align:left }
      .Estilo1c {font-size: 22px; 	font-family: roboto; margin: 8px; text-align:center }

   .EstiloencabezadoA {font-size: 36px;  font-family: roboto; margin: 1px; text-align:center  }
      .EstiloencabezadoA {font-size: 36px;  font-family: roboto; margin: 8px; text-align:center  }

   .EstiloencabezadoB {font-size: 28px; font-family: roboto; margin: 0px; text-align:left }


.Spectral {
	font-family: 'Cormorant', serif; Times, serif;
	font-size: 45px;
	}
        .apagado {
       display: none ;
}
 .sinborde {
      outline: none;
    background-color: #dfe;
    border: 0;
  }

  .marketV {
      width: 90%;}
.portada {width:250px;}
ul {
  list-style-type: none;  
  font-family: "Libre+Baskerville", Times, serif;
  font-size: 40px;
  text-align: center;
  padding: 15;
}
li {
  display: inline; 
  padding: 20px;
}

 .V {
 display: none;}


  @media all and (max-width: 600px) {
 ul {
  list-style-type: none;  
  font-family: "Libre+Baskerville", Times, serif;
  font-size: 30px;
  text-align: center;
  padding: 0px;}
  
li {  display:block;
  padding: 5px; }

     .V {
 display: block;
}
    .H {
 display: none !important;
}
.Estilo1 {font-size: 20px; font-family: roboto; margin: 5px; text-align: justify;}
.Estilo1c {font-size: 20px; font-family: roboto; margin: 5px; text-align: center;}



   #main, #main section, #page {
    -webkit-flex-flow: column;
            flex-flow: column;   }
   #main > aside, section {  
    -webkit-order: 5;
            order: 5;   }
     #main > nav, #main > aside, header, footer {
    min-height: 20px;
    max-height: 100%;
   }
.portada {
      width:55%;}
.marketV {
      width: 40%;}
.baner {
	      content:url("banerV.jpg");}
.EstiloSpectral {
	font-family: "Libre+Baskerville", Times, serif;
	font-size: 15px;	}
  }
  
      .Estilo2 {font-size: 24px}
    .Estilo3 {font-size: 24}
   
   
a:link {
	color: #666666;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #666666;
}
a:hover {
	text-decoration: none;
	color: #999999;
}
a:active {
	text-decoration: none;
	color: #666666;
}