#titulo {
      font-family: 'Merriweather Sans', sans-serif;
      text-align: center;
      color: #fff;
      font-size: 25px; 
      font-weight: 600;
      margin-top: 15px;
      margin-bottom: 5px;
        
          
}

#subtitulo {
      font-family: 'Merriweather Sans', sans-serif;
      text-align: center;
      color: #fff;
      font-size: 12px;
      font-weight: 300;
      margin-top: 2px;
      margin-bottom: 5px;
      font-style: italic;
    
      
          
}

.redes {
      text-align: center;
      padding: 2px;
      color: #fff;
      font-size: 15px;
      font-family: 'Merriweather Sans', sans-serif;
          
}


.ubicacion {
      text-align: center;
      margin-top: 20px;
      display: block;
      margin-left: auto;
      margin-right: auto;
      color: #fff;
    
    
}

.icono {
    color: yellow;
    font-size: 20px;
    
}

.iconos {
    color: black;
    font-size: 25px;
    
      
}

.flex-center {
    width:100%;height:2vh;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center
}

.icon-3d {
    padding:10px;-webkit-animation:icon3d 200ms 10;animation:icon3d 200ms 10;color:#fff
}

.icon-3d:hover {-webkit-animation:icon3d 200ms infinite;animation:icon3d 200ms infinite

}

@keyframes icon3d {
    0%{text-shadow:5px 4px #f44336,-5px -6px #2196f3}
   25%{text-shadow:-5px -6px #f44336,5px 4px #2196f3}
   50%{text-shadow:5px -4px #f44336,-8px 4px #2196f3}
   75%{text-shadow:-8px -4px #f44336,-5px -4px #2196f3}  
  100%{text-shadow:-5px 0 #f44336,5px -4px #2196f3}

}