@import url("https://use.typekit.net/umk4gfq.css");
.main-navbar {
  background-color: #000;
}
.main-navbar .navbar-brand img {
  width: 120px;
}
@media (max-width: 768px) {
  .main-navbar .navbar-brand img {
    width: 30px;
  }
}
.main-navbar .navbar-toggler {
  border: none;
}
.main-navbar .navbar-toggler:focus {
  border: none;
  box-shadow: none;
}
.main-navbar .navbar-toggler:focus-visible {
  border: none;
  box-shadow: none;
}
.main-navbar .navbar-toggler i {
  font-size: 2.5rem;
  color: #fff;
}
@media (max-width: 768px) {
  .main-navbar .navbar-toggler i {
    font-size: 1.25rem;
  }
}

.main-menu .navbar-collapse {
  position: absolute;
  top: 55px;
  right: 20px;
  min-width: 350px;
  max-width: 400px;
  background-color: #000;
  border-bottom-right-radius: 20px;
  border-bottom-left-radius: 20px;
  z-index: 1024;
}
@media (max-width: 576px) {
  .main-menu .navbar-collapse {
    top: 45px;
    right: 0;
    min-width: 100%;
  }
}
.main-menu .navbar-collapse .navbar-nav .nav-item .nav-link {
  font: normal normal normal 1.25rem/1.25rem "proxima-nova", sans-serif;
  padding: 5px 30px;
  color: #fff;
}
.main-menu .navbar-collapse .navbar-nav .nav-item .nav-link:hover {
  background-color: #eaeb29;
  color: #000;
}
@media (max-width: 768px) {
  .main-menu .navbar-collapse .navbar-nav .nav-item .nav-link {
    font: normal normal normal 1.125rem/1.125rem "proxima-nova", sans-serif;
  }
}

footer {
  background-color: #000;
  color: #fff;
}
footer img.logo-credits {
  width: 150px;
}
footer .credits-container h4 {
  display: inline-block;
  background-color: #eaeb29;
  padding: 0px 35px;
  font: normal normal bold 1.0625rem/1.375rem "proxima-nova", sans-serif;
  text-transform: uppercase;
  color: #000;
}
footer .credits-container p {
  font: normal normal normal 1.0625rem/1.25rem "proxima-nova", sans-serif;
  margin-bottom: 0;
}
footer .copyright {
  font: normal normal normal 0.75rem/0.9375rem "proxima-nova", sans-serif;
  text-transform: uppercase;
}

body {
  letter-spacing: 0px;
}

header .ratio {
  background-image: url("./../assets/images/rancho-florida-empresa-alvarez-puga.jpg");
  background-size: cover;
  background-position: center;
  background-color: #000;
}

main {
  background-color: #e7e7e7;
}

@media (max-width: 768px) {
  section > .container {
    padding-right: calc(var(--mdb-gutter-x) * 1);
    padding-left: calc(var(--mdb-gutter-x) * 1);
  }
}

.bg-dark {
  background-color: #191919;
  color: #fff;
}
.bg-dark .note-text {
  color: #fff;
}

.intro .title-container h1 {
  font: normal normal 800 2.1875rem/2.1875rem "proxima-nova", sans-serif;
  color: #000;
}
@media (max-width: 768px) {
  .intro .title-container h1 {
    font: normal normal 800 1.875rem/1.875rem "proxima-nova", sans-serif;
  }
}
.intro .hash-text {
  font: normal normal normal 1.6875rem/2.0625rem "proxima-nova", sans-serif;
}
@media (max-width: 768px) {
  .intro .hash-text {
    font: normal normal normal 1.25rem/1.625rem "proxima-nova", sans-serif;
  }
}
.intro img.arrow {
  width: 90px;
}
.intro .intro-text {
  font: normal normal 100 1.375rem/1.375rem "proxima-nova", sans-serif;
}
@media (max-width: 768px) {
  .intro .intro-text {
    font: normal normal 100 1.125rem/1.125rem "proxima-nova", sans-serif;
  }
}

.author,
.date {
  font: normal normal 700 1.125rem/1.125rem "proxima-nova", sans-serif;
  text-align: center;
}
@media (max-width: 768px) {
  .author,
  .date {
    font: normal normal 100 1rem/1rem "proxima-nova", sans-serif;
  }
}

.figure-caption {
  font-size: 1rem;
  line-height: 1;
}

.note-audio-container {
  position: relative;
  background-color: #000;
  color: #fff;
  border-radius: 15px;
}
.note-audio-container .note-image-container {
  border: 5px solid #fff;
  border-radius: 50%;
  display: block;
  height: auto;
  margin: auto;
  max-height: 180px;
  max-width: 180px;
  overflow: hidden;
  width: 100%;
}
.note-audio-container .note-image-container img {
  height: 180px;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  width: 180px;
}
.note-audio-container .note-audio-text {
  padding-bottom: 80px;
}
.note-audio-container .note-audio-text h3 {
  font: normal normal bold 2.1875rem/2.1875rem "proxima-nova", sans-serif;
}
@media (max-width: 768px) {
  .note-audio-container .note-audio-text h3 {
    font: normal normal bold 1.875rem/1.875rem "proxima-nova", sans-serif;
  }
}
.note-audio-container .note-audio-text .line {
  width: 50px;
}
.note-audio-container .note-audio-text p {
  font: normal normal normal 1.4375rem/1.875rem "proxima-nova", sans-serif;
}
@media (max-width: 768px) {
  .note-audio-container .note-audio-text p {
    font: normal normal normal 1.1875rem/1.625rem "proxima-nova", sans-serif;
  }
}
.note-audio-container .headphones-icon {
  width: 100px;
  height: 100px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #eaeb29;
  border-radius: 100%;
  cursor: pointer;
}
@media (max-width: 768px) {
  .note-audio-container .headphones-icon {
    width: 60px;
    height: 60px;
  }
}
@media (max-width: 768px) {
  .note-audio-container .headphones-icon img {
    width: 35px;
  }
}

.note-text {
  font: normal normal normal 1.125rem/1.375rem "proxima-nova", sans-serif;
  color: #000;
}
.note-text h2 {
  font: normal normal 800 1.5625rem/1.5625rem "proxima-nova", sans-serif;
  text-transform: uppercase;
  color: #000;
}
@media (max-width: 768px) {
  .note-text h2 {
    font: normal normal bold 1.3125rem/1.3125rem "proxima-nova", sans-serif;
  }
}
.note-text h3 {
  font: normal normal normal 1.25rem/1.5rem "proxima-nova", sans-serif;
  color: #000;
}
@media (max-width: 768px) {
  .note-text {
    font: normal normal normal 1rem/1.25rem "proxima-nova", sans-serif;
  }
}

.container-icon {
  text-align: center;
}
.container-icon.borders {
  border-left: 1px dashed #eaeb29;
  border-right: 1px dashed #eaeb29;
}
@media (max-width: 768px) {
  .container-icon.borders {
    border: none;
  }
}
.container-icon .red-icon {
  display: flex;
  justify-content: center;
  align-content: center;
  width: 250px;
  height: 250px;
  background: #eaeb29;
  color: #000;
  border-radius: 100%;
}
.container-icon .red-icon .image-icon {
  width: 40%;
  height: auto;
}
.container-icon .text-icon {
  font: normal normal normal 1.375rem/1.375rem "proxima-nova", sans-serif;
  color: #fff;
  margin-top: 2rem;
  text-align: center;
}
.container-icon .text-icon .numbers {
  font: normal normal 800 1.25rem/1.25rem "proxima-nova", sans-serif;
}

.carousel .carousel-control-prev,
.carousel .carousel-control-next {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #eaeb29;
  width: 3rem;
  height: 3rem;
  border-radius: 50%;
  top: 90%;
  opacity: 1;
}
@media (max-width: 768px) {
  .carousel .carousel-control-prev,
  .carousel .carousel-control-next {
    top: 50%;
  }
}
.carousel .carousel-control-prev svg,
.carousel .carousel-control-next svg {
  fill: #191919;
}
.carousel .carousel-control-prev {
  left: 5%;
}
.carousel .carousel-control-next {
  right: 5%;
}

.diamond-icon {
  width: 7rem;
}/*# sourceMappingURL=main.css.map */