@media (max-width: 450px) and (max-height: 1000px) {
  #header-id img {
    height: 65px;
  }

  #header-cta {
    margin: 0;
  }

  header {
    height: 220px;
  }

  header.content-grid {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-bottom: 0;
  }

  header.content-grid .item-container {
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }

  #hero {
    display: flex;
    width: 100%;
  }

  h1 {
    font-size: 38px;
  }

  h2 {
    font-size: 20px;
  }

  .hero.breakout {
    padding: 10px;
    display: block;
    width: 100%;
  }

  .hero.breakout h1 {
    margin: 60px 0 40px 0;
  }

  .hero.breakout p {
    font-size: 18px;
  }

  #hero-button {
    margin: 40px 10px 10px 10px !important;
  }

  #risks h2 {
    font-size: 34px;
  }
  .risks-columns {
    width: 100% !important;
    padding: 10px !important;
  }

  #benefits {
    margin-top: 250px;
  }

  #easy-process {
    display: flex;
  }

  .process-container {
    display: flex !important;
    flex-direction: column;
    padding: 15px;
  }

  .content-area h2 {
    font-size: 36px;
  }

  .image-area {
    justify-content: flex-start !important;
    margin-right: 0 !important;
  }

  .service.card {
    margin-bottom: 20px;
  }

  .service h3{
    line-height: 1.5 !important;
  }

  .service-content {
    padding: 0px 40px !important;
  }

  #contact-us {
    padding-top: 0;
  }

  .contact-heading {
    text-align: center;
  }

  .contact-info-list {
    text-align: center;
  }

  .contact-info-item {
    justify-content: center;
  }

  .social-links {
    justify-content: center;
  }

  .footer-section {
    text-align: center;
  }
}