:root {
  overscroll-behavior: none;
}

* {
    font-family: 'Raleway', sans-serif;
  }
  
  html {
    font-size: 16px;
    overflow-x: hidden;
    scroll-padding-top: 76px;
  }
  
  .container-xxl {
    width: 85%;
    max-width: 1204px;
  }
  
  h1,
  .h1 {
    font-weight: 900;
    font-size: 3rem;
  }
  
  h2,
  .h2 {
    font-weight: 900;
    font-size: 2.5rem;
  }
  
  h3,
  .h3 {
    font-weight: 600;
    font-size: 2.25rem;
  }
  
  h4,
  .h4 {
    font-weight: 600;
    font-size: 1.25rem;
  }
  
  p {
    line-height: 2rem;
    font-weight: 600;
  }
  
  .initial-caps {
    text-transform: initial !important;
  }

  .all-lower {
    text-transform: lowercase;
  }

  .fw-400 {
    font-weight: 400 !important;
  }

  .fw-500 {
    font-weight: 500 !important;
  }
  
  .fw-600 {
    font-weight: 600 !important;
  }
  
  .fw-700 {
    font-weight: 700;
  }
  
  .fw-900 {
    font-weight: 900;
  }

  .w-85 {
    width: 85%;
  }

  .df-hero-w {
    width: 85%;
  }

  .df-init-imgs {
    
  }

  .staff-img {
    width: 50%;
  }

  .bg-caps {
    background: linear-gradient(to right, #fa7921, #ffd131);
    height: 35px;
  }

  .bg-black {
    background-color: #070600;
  }

  .f-white {
    color: #ffffff;
  }

  .dev-gradient-text {
    background: linear-gradient(to right, #fa7921, #ffd131);
    -webkit-background-clip: text;
    color: transparent;
  }

  .btn {
    font-family: "Montserrat", sans-serif;
    font-weight: 900;
    text-transform: uppercase;
    border-radius: 10px;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    padding-top: 0.65rem;
    padding-bottom: 0.65rem;
  }

  .contact-btn {
    background: linear-gradient(to right, #fa7921, #ffd131);
    color: #ffffff;
    border: none;
  }

  .contact-btn:hover {
    background: linear-gradient(to right, #ffd131, #fa7921);
    color: #ffffff;
  }

  footer a:hover {
    font-weight: 700;
    color: #ffffff;
  }

  /* XX-Large devices (larger desktops, 1400px and up) */
@media screen and (min-width: 1400px) {
  .df-init-imgs {
    width: 80%;
  }
}

/* X-Large devices (large desktops, 1200px and up) */
@media screen and (max-width: 1399px) {
  .df-init-imgs {
    width: 95%;
  }
}

/* Large devices (desktops, 992px and up) */
@media screen and (max-width: 1199px) {
  .df-init-imgs {
    width: 100%;
  }
}

/* Medium devices (tablets, 768px and up) */
@media screen and (max-width: 991px) {
  .df-init-imgs {
    width: 45%;
  }

  .df-hero-w {
    width: 100%;
  }


}

/* Small devices (landscape phones, 576px and up) */
@media screen and (max-width: 767px) {
  .df-init-imgs {
    width: 60%;
  }

  h2,
  .h2 {
    font-weight: 900;
    font-size: 2.25rem;
  }
  
  h3,
  .h3 {
    font-weight: 600;
    font-size: 2rem;
  }

}

/* Extra small devices */
@media screen and (max-width: 575px) {
  .df-init-imgs {
    width: 80%;
  }

}