html, body {
    background: none;
}

.ctnr {
    float: left;
    clear: none;
    margin: 0;
    background-size: cover;
    background-repeat: no-repeat;
    color: #000000;
    max-width: 100%;
    display: grid;
    grid-template-columns: auto;
}

.main_img_ctnr {
    padding: 0%;
}

.hq_img_ctnr {
    width: 100%;
}

.main_text_container {
    padding: 0% 4%;
}

.main_img, .hq_img, .growing_img {
    grid-column: 1/span 2;
    max-width: 100%;
    height: auto;
}

.hq_img, .hq_text_container, .hq_img_ctnr {
    color: #ffffff;
    background-color: #282e34;
}

.hq_text_container {
    padding: 4%;
}

.hq_img {
    width: 80%;
    padding-left: 4%;
    padding-top: 4%;
}

.growing_img_ctnr .growing_img {
    grid-row: 1;
    width: 100%;
}

.growing_text_container {
    grid-row: 2;
    max-width: 80%;
    padding: 0% 4%;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
   /* IE10+ CSS */
   .ctnr {
       display: -ms-grid;
       -ms-grid-columns: auto;
   }
   .main_img, .hq_img, .growing_img {
        -ms-grid-column: 1;
        -ms-grid-column-span 2;
   }
   .growing_img_ctnr .growing_img {
        -ms-grid-row: 1;
   }
   .growing_text_container {
        -ms-grid-row: 2;
   }
}