
/* General content */
.content-sections { width: 100%; padding: 60px 20px; }
.content-sections .container { max-width: 1200px; }
.content-sections .container.contact-us .contact-info { 
	display: flex;
	flex-wrap: nowrap;
}
.content-sections .container.flex > div:nth-child(1) {
  margin-right: 20px;
}

.content-sections .container.flex .image {
  flex-basis: 40%;
}
.content-sections .container.flex .image img {
  width: 100%;
  position: sticky;
  top: 120px;
}

.content-sections .container.flex .content {
  padding: 0;
  flex-basis: 60%;
}

.content-sections.image-right .container.flex {
  display: flex;
  flex-direction: row-reverse;
  flex-wrap: nowrap;
}
.content-sections.image-left .container.flex {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
}
.content-sections.image-top .container.flex {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
}
.content-sections.image-section .container {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
}
.content-sections.image-section .container .content-box {
  max-width: 80%;
  padding: 40px;
}
.content-sections.image-section:nth-of-type(odd) .content-box {
  margin: 40px 0 40px auto;
}
.content-sections.image-section:nth-of-type(even) .container {
  flex-direction: row-reverse;
}
.content-sections.image-section:nth-of-type(even) .content-box {
  margin: 40px auto 40px 0;
}


@media(max-width: 768px) {
    .content-sections .container.contact-us .contact-info { 
        flex-direction: column;
    }
    .content-sections .container.contact-us .contact-info .contact-sidebar {
        width: 100%;
    }
    .content-sections .container.contact-us .contact-info .contact-form {
        width: 100%;
    }
      .content-sections .container.flex > div:nth-child(1) {
        margin-right: 0;
      }
      
      .content-sections .container.flex .image {
        flex-basis: 100%;
      }
      .content-sections .container.flex .image img {
        width: 100%;
      }
      
      .content-sections .container.flex .content {
        padding: 0;
        flex-basis: 100%;
      }
      
      .content-sections.image-right .container.flex {
        flex-direction: column;
      }
      .content-sections.image-left .container.flex {
        flex-direction: column;
      }
      .content-sections.image-top .container.flex {
        
      }
      .content-sections.image-section .container {
        flex-direction: column;
      }
      .content-sections.image-section .container .content-box {
        max-width: 95%;
        padding: 20px;
        margin: 0 auto;
      }
      .content-sections.image-section:nth-of-type(odd) .content-box {
        margin: 0 auto;
      }
      .content-sections.image-section:nth-of-type(even) .container {
        flex-direction: column;
      }
      .content-sections.image-section:nth-of-type(even) .content-box {
        margin: 0 auto;
      }
  }