body{
  font-family: Red Hat Display, sans-serif;
}
a{
  color: #ff4e1f;
}
.bg-grey {
  background-color: #625d5a;
}
.pt-60vw{
  padding-top: 60vw;
}
.fw-900 {
    font-weight: 900;
}
.btn-orange {
    background-color: #ff4e1f;
}
.btn-orange:hover {
    background-color: #ff4e1f;
}
.btn-light-grey{
  background-color: #eeeeee;
}
.btn-light-grey:hover{
  background-color: #ff4e1f;
  border-color: #FF714B !important;
  color: white;
}
.btn-light-grey:active{
  background-color: #ff4e1f;
  border-color: #FF714B !important;
  color: white;
}
.w-85{
  width: 85%;
}
.w-97{
  width: 97% !important;
}
.min-vh-70{
  min-height: 70vh;
}
.fs-3vw{
  font-size: 3vw;
}
.fs-9vw{
  font-size: 9vw;
}
.fs-35px{
  font-size: 35px;
}
.fs-28px{
  font-size: 28px;
}
.fs-11px{
  font-size: 11px;
}
.fs-footer{
  font-size: 3.7vw;
}
.w-85vw{
  width: 85vw !important;
}


@media only screen and (min-width: 600px){
  .fs-md-56px{
    font-size: 56px;
  }
  .fs-md-1vw{
    font-size: 1vw !important;
  }
  .fs-md-2vw{
    font-size: 2vw !important;
  }
  .fs-md-4vw{
    font-size: 4vw !important;
  }
  .fs-md-6vw{
    font-size: 6vw !important;
  }
  .pt-md-7vw{
    padding-top: 7vw !important;
  }
  .mw-90vw{
    max-width: 90vw;
  }
  .w-md-100{
    width: 100% !important;
  }
}
@media only screen and (min-width: 1024px){
  .w-lg-50{
    width: 50%;
  }
}