@font-face {
  font-family: 'Mexcellent';
  src: url('../fonts/Mexcellent.otf') format('opentype');
  font-weight: normal;
  font-style: normal;
}
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgb(149, 4, 4) !important;
}
.main-wrapper {
  height: 76vh;  
  height: 78vh;
  background-color: rebeccapurple;
}
.logo-inehrm {
}
.logo-inehrm img {
  max-width: 320px;
}
 .navbar {
  padding: .54rem 1rem;
}
.sub-navbar {
  margin-top: -23px !important;
  background-color: black !important;
}

.navbar-toggler-icon {
  margin-top: 0;
}
.sub-navbar .navbar-collapse {
  background-color: black !important;
}

.menu-principal .navbar-expand-md .navbar-nav .nav-link {
  padding-top: 1rem;
}
.top-nav .navbar-nav li .nav-link {
  color: #ffffff;
  padding: 20px 20px;
}
.navbar-dark .navbar-nav .nav-link:hover {
  border-bottom: 2px solid #F71F3D;
}
.navbar-expand-md .navbar-nav .nav-link {
  font-weight: 400;
}
.biografia {
  background-image: linear-gradient( 90deg, #f2dce18a 0%, #fff 55%, #fff 55%, #fbfbfb 100% );

}
.sitio-titulo {
  background-color: #19191a !important;
  padding-top: 57px;
}
.sitio-titulo h2 {
  font-family: 'Mexcellent', sans-serif !important;
  font-size: 52px;
}
.intro-felipe {
  min-height: 680px;
  
  display: flex;
  align-items: center;
}
/* Fotos Vintage */
.sepia-retro {
  filter: sepia(80%) contrast(1.2) brightness(0.9) saturate(0.7);
}

/* //Fotos Vintage */
section {
  margin-bottom: 100px;
  margin-top: 100px;
}
section h2 {
  font-family: 'Mexcellent', sans-serif !important;
}
section h2 em {
  font-style: normal;
  color: #C4031E;
  font-weight: 600;
  font-family: 'Mexcellent', sans-serif !important;
}
.audio .card {
        margin-bottom: 20px;
        background-color: #464646;
        min-height: 135px;
      }
      .audio audio {
        bottom: 16px;
        position: absolute;
      }
.anchor {
  display: block;
  height: 150px;
  margin-top: -150px;
  visibility: hidden;
}

@media (min-width: 992px) {
  .modal-lg, .modal-xl {
    max-width: 90%;
  }
}

@media (min-width: 992px) {
  .modal-lg {
    width: 90%;
  }

}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sitio-titulo h2 {
    font-size: 35px !important;
  }
}

/* Scrollbar */
.custom-scrollbar-js,
.custom-scrollbar-css {
  height: 570px;
}

/* Custom Scrollbar using CSS */
.custom-scrollbar-css {
  overflow-y: scroll;
}

/* scrollbar width */
.custom-scrollbar-css::-webkit-scrollbar {
  width: 5px;
}

/* scrollbar track */
.custom-scrollbar-css::-webkit-scrollbar-track {
  background: #eee;
}

/* scrollbar handle */
.custom-scrollbar-css::-webkit-scrollbar-thumb {
  border-radius: 1rem;
  background-color: #00d2ff;
  background-image: linear-gradient(to top, #00d2ff 0%, #3a7bd5 100%);
}
/* fin scrollbar */

/* Galería fotográfica */
*,
*::before,
*::after {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
  list-style: none;
  list-style-type: none;
  text-decoration: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

.contenedor{
  max-width: 115rem;
  width: 100%;
  padding: 4rem 2rem;
  margin: 0 auto;
}

.main .contenedor {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 4rem;
  justify-content: center;
  align-items: center;
}
.main .card {
  color: #252a32;
  border-radius: 2px;
  background: #ffffff;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 3px rgba(0, 0, 0, 0.24);
}
.main .card-image {
  position: relative;
  display: block;
  width: 100%;
  padding-top: 70%;
  background: #ffffff;
  border: 2px solid;
}
.main .card-image img {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

@media only screen and (max-width: 600px) {

  .main .contenedor {
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 1rem;
  }
  .intro-felipe {
    display: block;
  }
  .intro-content {
    margin-top: 20px;
  }
  .sitio-titulo h3 {
    font-size: 20px !important;
  }
  .sitio-titulo h6 {
    display:none;
  }
  .navbar {
    padding: .64rem 1rem;
  }
  .sitio-titulo h2 {
    font-size: 30px !important;
    margin-bottom: 20px !important;
    margin-top: 20px !important;
  }
  body {
    padding-top: 59px;
  }
  
}

/** Documentos digitales **/
.book-cover {
      max-height: 330px;
      border: 1px solid black;
      overflow: hidden;
      position: relative;
    }

    .book-cover img {
      transition: transform 0.5s ease;
      max-height: 300px;
    }

    .book-cover:hover img {
      transform: scale(1.1);
    }
/****/
a {
    color: #007bff;
    text-decoration: none;
    background-color: transparent;
}

@media screen and (max-width:768px){
  
}
  .content-wrapper{
    max-width: 100% !important;
    margin-top: auto;
   
  }
  
}

@media screen and (min-width:100px){
  
}