body, html {
  margin: 0;
  padding: 0;
  font-family: itc-avant-garde-gothic-pro, sans-serif;
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: RozhaOne-Regular;
  src: url(../assets/fonts/RozhaOne-Regular.ttf);
}

.copy {
  position: absolute;
  left: 48%;
  transform: translate(-50%, -50%);
}

.title {
  font-family: RozhaOne-Regular, serif;
  font-size: 7em;
  width: 100%;
  color: #FFF;
  position: relative;
  margin-top: -400px;
}

@media (max-width: 1500px) {
  .title {
    font-size: 5em;
    margin-top: -300px;
  }
}

@media (max-width: 1200px) {
  .title {
    font-size: 5em;
    margin-top: -250px;
  }
}

@media (max-width: 1000px) {
  .title {
    font-size: 4em;
    margin-top: -250px;
  }
}

@media (max-width: 900px) {
  .title {
    font-size: 3em;
    margin-top: -130px;
  }
}

@media (max-width: 600px) {
  .title {
    font-size: 1.5em;
    margin-top: -62px;
  }
}

.wrapper {
  max-width: 1920px;
  width: 100%;
  margin: 0 auto;
}


.logo {
  left: 50%;
  transform: translate(-50%, -50%);
  top: 150px;
  width: 250px;
  position: absolute;
}

@media (max-width: 1200px) {
  .logo {
    top: 115px;
    width: 200px;
  }
}

@media (max-width: 900px) {
  .logo {
    top: 95px;
    width: 150px;
  }
}

.banner {
  text-align: center; }

.card {
  height: 100%;
  color: #231f1f;
  border: none;
  border-radius: 0; }
  @media (max-width: 990px) {
    .card h4 {
      font-size: 2rem; } }
  @media (min-width: 991px) {
    .card h4 {
      font-size: 2.5rem; } }

.card-title {
  font-family: RozhaOne-Regular, serif;
  text-align: left;
  text-transform: lowercase; }

.long-arrow {
  position: absolute;
  right: 20px;
  color: #4e4a4a;
}

.my-6 {
  margin-bottom: 20px;
}

.card {
  background: #cfcfcf; }

.page-content {
  padding-top: 3rem;
  padding-bottom: 3rem;
  background: #FFF; }
  @media (max-width: 576px) {
    .page-content .container {
      max-width: 100%; } }

.btn-primary {
  background: transparent;
  border: none;
  color: #231f1f;
  font-weight: 700;
  padding-left: 0;
  text-transform: lowercase;
}
  .btn-primary:hover {
    color: #4e4a4a;
    background: transparent; }

.btn-light {
  background-color: #FFF;
  border-radius: 0;
  color: #1a1a1a;
  margin-bottom: 20px;
}

.btn-light:hover {
  color: #1a1a1a;
  background-color: #cfcfcf;
}

footer a, .text-white {
  color: #FFF; }

.navbar-brand {
  padding-top: 0; }

.bg-black {
  background-color: #1a1a1a;
}