/* GLOBAL STYLES =======================================  */

/* For galaxy fold ===  */
@media (max-width: 440px) {
  .display-4 {
    font-size: 1.5rem;
  }

  .h1,
  h1,
  .h2,
  h2 {
    font-size: 1.35rem;
  }

  .h3,
  h3,
  .h4,
  h4 {
    font-size: 1.25rem;
  }

  .h5,
  h5 {
    font-size: 1.05rem;
  }

  .lead {
    font-size: 1.15rem;
  }
}

@media (min-width: 441px) and (max-width: 812px) {
  h1,
  .h1 {
    font-size: 1.85rem;
  }

  h2,
  .h2 {
    font-size: 1.5rem;
  }

  h3,
  .h3 {
    font-size: 1.25rem;
  }

  .display-4 {
    font-size: 2.25em;
  }
}

section:not(.page-home) .title {
  padding-top: 5em;
  padding-bottom: 4em;
  margin-bottom: 3em;
  background: linear-gradient(rgb(0 0 0 / 50%), rgb(0 0 0 / 50%)),
    url("https://apihoard.webit.com/api/v1/Image/3F911BA370C7ECF07FBB7EE95BD1D222/3F911BA370C7ECF07FBB7EE95BD1D222.jpg?size=1920x1440") no-repeat center center/cover;
}

.title-heading:not(.page-home) {
  color: #fff;
  text-align: center;
  text-transform: uppercase;
}

/* HEADER  =============================================  */

.header-info {
  background: url("https://apihoard.webit.com/api/v1/Image/AC4ABFC648E27E7E2E9ECC3A25C6B174/AC4ABFC648E27E7E2E9ECC3A25C6B174.jpg?size=1920x1440") no-repeat center center/cover;
}

.header .header-business-phone {
  font-size: 2em;
  font-weight: 700;
  color: var(--color-theme-highlight) !important;
}

/* HOME PAGE ===========================================  */

/* Hero ===  */

.hero {
  background: url("https://apihoard.webit.com/api/v1/Image/A0E1F1F8F4E73AB103815C6E7F556E1B/A0E1F1F8F4E73AB103815C6E7F556E1B.jpg?size=1280x960") no-repeat center center/cover;
  display: block;
  position: relative;
  min-height: 615px;
}

@media (min-width: 991px) {
  .hero {
    background: url("https://apihoard.webit.com/api/v1/Image/A0E1F1F8F4E73AB103815C6E7F556E1B/A0E1F1F8F4E73AB103815C6E7F556E1B.jpg?size=1920x1440") no-repeat center center/cover;
    display: block;
    position: relative;
    min-height: 800px;
  }
}

.hero-container {
  background: rgba(255, 255, 255, 0.8);
  padding: 2em;
  margin: 1em 0;
}

/* FOOTER ==============================================  */

.setup {
  position: fixed;
  bottom: 1em;
  right: 1em;
  border-radius: 25px;
  -webkit-box-shadow: 1px 1px 10px 1px #00000036;
  box-shadow: 1px 1px 10px 1px #00000036;
}

.setup:hover {
  cursor: pointer;
}

.hidden {
  display: none;
}

#contactBtns a {
  display: inline-block;
  width: 40px;
  height: 40px;
  padding: 8px;
  border-radius: 50%;
  background: #fff;
}

#contactBtns .fa {
  font-size: 25px;
  color: var(--color-theme-highlight);
}
