html{
 width: 100%;
 height: 100%;
}
body{
 background-attachment: scroll;
 background-color: white;
 background-position: center;
 background-repeat: no-repeat;
 background-size: 100% 100%;
 height: auto;
 margin: auto;
 padding: 0;
 width: auto;
} 

a:hover{
 color: red;
}

a:visited{
 color: purple;
}

fieldset
{
 border: 0;
}

legend
{
 border: none;
}

.margen-arriba1{
 margin-top: 25%;
}

.padding-arriba{
 padding-top: 4%;
}

.encabezado
{
 width: 100%;
 max-width: 80%;
 margin: auto;
}

.espacio-bajo{
 margin-top: 5%;
}

.espacio-bajo2{
 margin-top: 1%;
}

.select
{
 border: 1px solid blue;
 background-color: #fff;
}

.option
{
 background-color: #fff;
}

.oculto{
 display: none;
}

@media(max-width:767px)
{
 body
 {
  font-size: 0.7em;
 }
 h2{
  font-size: 1.7em;
 }  
 h3{
  font-size: 1.4em;
 } 
 h4{
  font-size: 1.2em;
 }  
 h6{
  font-size: 1.3em;
 }   
 button[type="submit"], button[type="button"], input[type="password"], input[type="email"], input[type="text"]
 {
  font-size: 1.4em;
 }
 legend
 {
  font-size: 1.2em;
 } 
 input::-webkit-input-placeholder 
 {
  font-size: 1em;
 }
 input:-moz-placeholder 
 {
  font-size: 1em; 
 }
 input:-ms-input-placeholder 
 { 
  font-size: 1em; 
 }  
 .row select
 {
  font-size: 1.2em;
 }
 .volver{
  font-size: 1.2em; 
 }   
}
/* Small */
@media(min-width:768px) and (max-width:991px)
{
 body
 {
  font-size: 1.1em;
 }
 h2{
  font-size: 1.7em;
 }  
 h3{
  font-size: 1.3em;
 } 
 h4{
  font-size: 1.2em;
 }  
 h6{
  font-size: 0.9em;
 }  
 button[type="submit"], button[type="button"], input[type="text"], input[type="number"], input[type="email"], input[type="text"]
 {
  font-size: 1em;
 }
 legend
 {
  font-size: 1.2em;
 } 
 input::-webkit-input-placeholder 
 {
  font-size: 1em;
 }
 input:-moz-placeholder 
 {
  font-size: 1em; 
 }
 input:-ms-input-placeholder 
 { 
  font-size: 1em; 
 }  
 .row select
 {
  font-size: 0.85em;
 } 
 .volver{
  font-size: 0.8em; 
 }    
}
/* Medium */
@media(min-width:992px) and (max-width:1199px)
{
 body
 {
  font-size: 1.2em;
 }
 h2{
  font-size: 1.7em;
 } 
 h3{
  font-size: 1.3em;
 }
 h4{
  font-size: 1.2em;
 } 
 h6{
  font-size: 0.9em;
 }    
 button[type="submit"], button[type="button"], input[type="text"], input[type="number"], input[type="email"], input[type="text"]
 {
  font-size: 1em;
 }
 legend
 {
  font-size: 1.2em;
 }  
 .row select
 {
  font-size: 0.9em;
 } 
 .volver{
  font-size: 0.9em; 
 }  
}
/* Large */
@media(min-width:1200px)
{
 body
 {
  font-size: 1.5em;
 }
 h2{
  font-size: 1.7em;
 }  
 h3{
  font-size: 1.3em;
 } 
 h4{
  font-size: 1.2em;
 } 
 h6{
  font-size: 0.9em;
 }
 button[type="submit"], button[type="button"], input[type="text"], input[type="number"], input[type="email"], input[type="text"]
 {
  font-size: 1em;
 }
 legend
 {
  font-size: 1.2em;
 } 
 .row select
 {
  font-size: 0.9em;
 }  
 .volver
 {
  font-size: 1em; 
 }  
}

@media only screen and (orientation: Portrait) {
  .portrait 
  {
   margin-top: 25%;
  }
}