@media only screen and (max-width: 768px) {

    .section__theme .text h1.title {
  
      font-size: 19px;
  
      padding-top: 0px;
  
    }
  
  
  
    .section__theme h2.subtitle {
  
      font-size: 12px;
  
      line-height: 24px;
  
    }
  
  
  
    .section__theme .text {
  
      padding-top: 60px;
  
      padding-bottom: 60px !important;
  
    }
  
  
  
  
  
    .home__services figcaption h2 {
  
      margin-bottom: 1.5rem !important;
  
    }
  
  
  
    .col-12.col-lg-6.text:nth-of-type(1).vertical-flex-center {
  
      padding: 0 30px 0 30px;
  
    }
  
  
  
    .col-12.col-lg-6.text:nth-of-type(2).vertical-flex-center {
  
      padding: 0 30px 0 30px;
  
    }
  
  
  
    .quotation-marks:first-child {
  
      margin-right: 0;
  
    }
  
  
  
    .quotation-marks:last-child {
  
      margin-left: 0;
  
    }
  
  
  
    .section__theme .text {
  
      padding-bottom: 30px;
  
      padding-left: 30px;
  
      padding-right: 30px;
  
    }
  
  
  
    .home__we-can-do {
  
      padding-top: 40px;
  
      padding-bottom: 0;
  
    }
  
  
  
    .home__client-quote article {
  
      padding-left: 15px;
  
      padding-right: 15px;
  
    }
  
  
  
    .jumbotron figure figcaption,
  
    .jumbotron figcaption {
  
      max-width: 100%;
  
    }
  
  
  
    .page-social-icon {
  
      width: 30px;
  
      height: 30px;
  
      line-height: 30px;
  
    }
  
  
  
    .icon-bar {
  
      top: calc(25% + 30px);
  
      width: 30px;
  
    }
  
  
  
    .page-social-icon>img {
  
      width: 50%;
  
    }
  
  
  
    .icon-bar.active {
  
      height: auto;
  
      opacity: 1;
  
    }
  
  
  
    .about.profiles .text {
  
      padding-left: 30px !important;
  
      padding-right: 30px !important;
  
    }
  
  
  
  }
  
  
  @media only screen and (max-width: 768px) and (orientation: landscape) {
      
  
    .page-social-icon {
      width: 35px;
      height: 35px;
      line-height: 35px;
    }
  
    .icon-bar.active {
      height: auto;
    }
  
    .icon-bar {
      top: calc( 25% + 35px );
      width: 35px;
      line-height: 35px;
    }
  
    .icon-bar a {
      line-height: 35px !important;
    }
  
  }
  
  
  
  @media only screen and (max-width:576px) {
      .section__theme .text h1.title {
          font-family: var(--font-raleway);
          position: relative;
          text-transform: uppercase;
          line-height: 27px !important;
      }
      .section__theme .text {
          padding-top: 60px;
          padding-bottom: 10px !important;
      }
  
    .home section {
  
      max-height: unset;
  
    }
  
  
  
    .two-column-text {
  
      column-count: 1;
  
    }
  
  
  
    .section__theme--image-text .text {
  
      padding-left: 30px;
  
      padding-right: 30px;
  
    }
  
  
  
    .we-can-do .section__theme--image-text .text {
  
      padding-bottom: 0;
  
    }
  
  
  
    blockquote {
  
      padding-left: 0;
  
      padding-right: 0;
  
    }
  
  
  
  }