.container {
  max-width: 114.5rem;
}
.container_md {
  max-width: 149rem;
}
@media (max-width: 1830px) {
  html {
    font-size: 0.4vw;
  }
  .header_bg {
    width: 70%;
    padding: 0 2rem;
    padding-top: 3.5rem;
  }
}

/* ------ Medium devices (tablets, 991px and down) -----*/
@media (max-width: 991px) {
  html {
    font-size: 0.595vw;
  }
  .header_bg {
    width: 100%;
  }
  /* ------------- Main Menu --------------- */
  .primary_menu {
    justify-content: center;
  }

  /* ------------------ Styles ---------------- */
  .text_sm {
    font-size: 3.4rem;
  }
  .title_1 {
    font-size: 3.5rem;
  }
  .color_box p {
    font-size: 2rem;
  }
}

/*----- sm devices (tablets, 767px and down) -----*/
@media (max-width: 767px) {
  .container {
    max-width: 140rem;
  }
  .container_md {
    max-width: 170rem;
  }
  .color_boxes {
    gap: 3rem 3rem;
  }

  /* ---------------- Styles ----------------- */
  .logo img {
    width: 26rem;
  }
  .text_sm {
    font-size: 4.2rem;
    line-height: 6rem;
  }
  .menu_link {
    font-size: 5.5rem;
  }
  .title_1 {
    font-size: 6.5rem;
  }
  .color_box p {
    font-size: 3.6rem;
    white-space: nowrap;
  }
  .color_box img {
    width: 16rem;
  }
  .tropical_icon {
    top: 8.5rem;
  }
}

/*----- xs devices (landscape phones, 575px and down) -----*/

@media (max-width: 575px) {
  html {
    font-size: 0.565vw;
  }
}