html, body {
    background: #282e34;
    font-size: 1.2rem;
}

.ctnr {
    grid-template-columns: 50vw 50vw;
    font-size: 1rem;
}

.main_img_ctnr {
    grid-area: 1/1/2/3;
    padding: 0%;
    margin: 0;
    z-index: -1;
    z-index: -1;
}

.main_img {
    width: 100%;
}

.main_text_container {
    grid-area: 1/1/2/2;
    max-width: 80%;
    padding: 0%;
    margin: 0;
    padding-left: 8%;
}

#hq {
    grid-template-columns: 40vw 60vw;
    margin-top: 2%;
    margin-bottom: 2%;
}

.hq_text_container {
    padding-right: 20%;    
}

.growing_img_ctnr {
    grid-area: 1/2/2/2;
    padding-top: 10%;
    width: 60%;
}

#values {
    background: #ffffff;    
}

#growing_text_container {
    grid-area: 1/1/2/1;
    padding-left: 8%;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
   /* IE10+ CSS */
   .ctnr {
       -ms-grid-columns: 50vw 50vw;
   }
   #top_section {
       padding-top: 8%;
    }
   .main_img_ctnr {
       -ms-grid-row: 1;
       -ms-grid-column: 1;
       -ms-grid-column-span: 2;
    }
    .main_text_container {
       -ms-grid-row: 1;
       -ms-grid-column: 1;
    }
    #hq {
        -ms-grid-columns: 40vw 60vw;
    }
    .hq_text_container {
        -ms-grid-column: 2;
    }
    .growing_img_ctnr {
       -ms-grid-row: 1;
       -ms-grid-column: 2;
    }
    .growing_img {
        width: 80%;
    }
    #growing_text_container {
       -ms-grid-row: 1;
       -ms-grid-column: 1;
    }
}
