@media (max-width: 1370px) {

  .wrapper,
  header,
  blockquote,
  footer,
  .contactForm {
    padding: 40px;
  }

  .text,
  .services {
    padding: 0 40px 40px;
  }

  .homeImage {
    padding-bottom: 80px;
  }

  .banner {
    margin-bottom: 40px;
  }

  .banner__text {
    padding: 0 40px;
  }

}

@media (max-width: 1200px) {

  .header {
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
  }

  .header__nav {
    order: 2;
    margin-bottom: 20px;
  }

  .header__brand {
    order: 1;
    margin-bottom: 20px;
  }

  .header__summary {
    order: 3;
  }

  .header > div {
    width: 100%;
  }

  .header > div:last-of-type {
    justify-content: center;
    text-align: center;
  }

  .header > div:first-of-type,
  .header > div:last-of-type {
    width: 100%;
  }

  .services__grid {
    grid-template-columns: repeat(2,1fr);
  }

  blockquote {
    min-height: 0;
  }

  blockquote h3 {
    font-size: 1.5rem;
  }

  .banner__text h1 {
    font-size: 2rem;
  }

}

@media (max-width: 1100px) {

  .services__contact h3 {
    font-size: 1.75rem;
  }

  .footer {
    flex-wrap: wrap;
  }

  .footer > div {
    width: 50%;
    margin: 0 0 20px;
  }

}

@media (max-width: 767px) {

  .wrapper,
  header,
  blockquote,
  footer,
  .contactForm {
    padding: 20px;
  }

  .text,
  .services {
    padding: 0 20px 20px;
  }

  .homeImage {
    padding-bottom: 20px;
  }

  .banner {
    margin-bottom: 20px;
  }

  .banner__text {
    padding: 0 20px;
  }

  .header__brand > a > img {
    width: 200px;
  }

  .header > div:last-of-type > div {
    font-size: 0.875rem;
  }

  .header > div:last-of-type > div br {
    content: ' ';
  }

  .header > div:last-of-type > div br:after {
    content: ' ';
  }

  .header > div ul li {
    margin-right: 16px;
    font-size: 0.875rem;
    font-weight: 600;
  }

  .banner__text h1 {
    font-size: 1rem;
    line-height: 1.75;
  }

  .contactForm {
    min-height: 0;
  }

  blockquote {
    padding: 20px;
  }

  blockquote h3 {
    font-size: 1.125rem;
    line-height: 1.625;
    max-width: none;
  }

  .footer > div {
    width: 100%;
    margin: 0 0 20px;
  }

  .footer > div:last-of-type {
    margin-bottom: 0;
  }

  .body h2 {
    font-size: 1.25rem;
    margin-bottom: 20px;
  }

  .body p {
    margin-bottom: 20px;
  }

  .services__grid {
    grid-template-columns: repeat(1,1fr);
  }

  .services__list__service {
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
  }

  .services__list__service > div {
    width: 100%;
  }

  .services__list__service > div:last-of-type {
    padding: 20px;
  }

  .services__list__service:nth-of-type(even) {
    flex-direction: column;
  }

  .services__list__service > div:last-of-type,
  .services__list__service:nth-of-type(even) > div:last-of-type {
    border-top-right-radius: 0;
    border-bottom-right-radius: 20px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 20px;
  }

  .services__list__service {
    margin-bottom: 20px;
  }

  .services__contact {
    padding: 20px 0 0;
  }

  .services__contact h3 {
    font-size: 1.125rem;
  }

}