@font-face {
  font-display: auto;  
}

@font-face {
  font-family: 'Marvel';
  font-style: normal;
  font-weight: 400;
  src: local('Marvel'), local('Marvel-Regular'), url(marvel.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}


.mapafull {
    height:100vh;
}

.mapa1{
      border-width:0px; 
      margin-top: 10px;
      left:0;
      width:100%;
      width:-moz-available;  
      width:-webkit-fill-available;
      /*height: calc(25%);*/
      height:600px ; 
}
.mapa2{
      border-width:0px; 
      margin-top: 10px;
      left:0;
      width:100%;
      width:-moz-available;  
      width:-webkit-fill-available;
      /*height: calc(25%);*/
      height:600px ; 
}

.mapa1movil{
      border-width:0px; 
      margin-top: 0px;
      left:0;
      width:100%;
      width:-moz-available;  
      width:-webkit-fill-available;
      /*height: calc(25%);*/
      height:250px ; 
}
.mapa2movil{
      border-width:0px; 
      margin-top: 10px;
      left:0;
      width:100%;
      width:-moz-available;  
      width:-webkit-fill-available;
      /*height: calc(25%);*/
      height:180px ; 
}

hr.style14 { 
  border: 0; 
  height: 1px;
  padding: 0px;
  margin: 0px;
  background-image: -webkit-linear-gradient(left, #dc3545, #ffc107, #dc3545);
  background-image: -moz-linear-gradient(left, #dc3545, #ffc107, #dc3545);
  background-image: -ms-linear-gradient(left, #dc3545, #ffc107, #dc3545);
  background-image: -o-linear-gradient(left, #dc3545, #ffc107, #dc3545); 
}