@font-face {
        font-family: 'sfregular';
        src: url('../fonts/sf-pro-display-regular-webfont.woff2') format('woff2'),
             url('../fonts/sf-pro-display-regular-webfont.woff') format('woff');
        font-weight: normal;
        font-style: normal;
    
    }
    
    @font-face {
        font-family: 'sfbold';
        src: url('../fonts/sf-pro-display-bold-webfont.woff2') format('woff2'),
             url('../fonts/sf-pro-display-bold-webfont.woff') format('woff');
        font-weight: normal;
        font-style: normal;
    
    }

    body {
        font-family: 'sfregular', Arial, sans-serif;
        font-weight:normal;
        font-style:normal;
        letter-spacing: 1px;
        font-size: 14px;
    }
    .titulo {
        font-family: 'sfbold', Arial, sans-serif;
        font-weight:normal;
        font-style:normal;
        font-size: 14px;
    }
    a {
        color: black;
        text-decoration: none;
    }
    a:hover {
        color: black;
        text-decoration: underline;
    }
    .galeria img {
        height: 650px;
        max-height: 100%;
    }
    .col-gal {
        width: auto;
        max-width: fit-content;
    }
  .menu-movil {
    width:50%;
    background-color: white;
    padding: 20px;
  }
  .nav-link {
    padding-bottom: 0px;
    padding-top: 0px;
    color:black;
  }
  .navbar-toggler {
    font-size: inherit;
    border: none;
  }
  .la-info {
    max-width: 530px;
    padding-right: 40px;
}

  @media (max-width: 576px) {
.cuerpo {
    margin-left: 0px!important;
    margin-right: 0px!important;
    padding-left: 0px!important;
    padding-right: 0px!important;
}
.cuerpo .col-9 {
    width: 100%!important;
}
.galeria img {
    height: auto;
    max-height: initial;
    width: 100%;
    margin-top:100px;
  }
  .galeria2 img {
    height: auto;
    max-height: initial;
    width: 100%;
    margin-top:0px;
  }
  .la-info {
    max-width: 350px;
    padding-right: 20px;
    margin-top:100px;
  }
  .expos {
    padding-left: 40px;
    padding-right: 40px;
    width:50%;
    margin-top:20px;
}
.imagen-contacto {
    margin-top:0px!important;
    padding-left:20px;
    padding-right:20px;
}
.correo-movil {
    margin-top:100px;
    padding-left:20px;
    padding-right:20px;
}
}

.elmenu {
    position: fixed;
    z-index: 1000;
    background-color: white;
    width: 100vw;
}