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

  .about-section-1 {

    width: 130vw;

  }

}

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

  .about-section-1 {

    width: 150vw;

  }

  .about-section-1 .left .inner-content-wrapper {

    padding-right: 50px;

  }

}

@media only screen and (max-width: 770px) {
	.inner-content-wrapper {		width: 100%;}
	.jaar {margin-top:60px;}
  .about-section-1, .about-section-2 .right {

    width: 100%;
    flex-direction: column;
    height: auto;

  }

  .about-section-1 .left {
height:auto;padding:100px 30px 60px;
    width: 100%;

  }

  .about-section-1 .left .inner-content-wrapper {

    padding-right: 0px;

  }

  .about-section-1 .right {

    width: 100%;
    height: 500px;

  }

  .about-section-1 .right .about-section-1-image {

    width: 100%;
    margin-top: 0px;
    height: 100%;
    transform: translateX(0px);

  }

  .about-section-2 {

    height: auto;
    width: 100%;
    flex-direction: column;

  }

  .about-section-2 .left {

    width: 100%;
    height: auto;
    padding-top: 100px;
    padding-bottom: 100px;

  }

  .about-section-2 .right {

    width: 100%;

  }

  .about-section-2 .left .inner-content-wrapper p {

    color: black;
    font-size: 30px;
    line-height: 35px;
    text-align: center !important;
    font-family: 'DidotFontRegular';

  }

  .about-section-2 .right {

    flex-direction: column;

  }

  .about-section-2 .right .about-image {

    width: 100%;
    position: relative;
    left: 0px !important;
    top: 0px !important;
    margin-bottom: 20px;

  }

  .about-section-3 {

    height: auto;
    width: 100%;
    padding-top: 60px;
    padding-bottom: 60px;

  }

  .about-section-4 {

    height: auto !important;
    margin-top: 0px !important;

  }

  .about-section-4 .inner-content-wrapper {

    flex-direction: column;
    height: auto;
    flex-wrap: nowrap;
    margin-top: 50px;

  }

  .about-section-4 .inner-content-wrapper .about-section-2-image {

    width: 100% !important;
    height: 250px;
    padding-left: 0px !important;
    padding-right: 0px !important;


  }

}

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

  .quote-icon {

    width: 100px;
    height: 100px;
    position: absolute;
    top: 50%;
    margin-top: -110px;
    left: 50%;
    margin-left: -60px;
    margin-left: -30px;
    background-image: url('../../images/icons/two-quotes.svg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    opacity: .2;

  }

}