/* This component is for sections with an image on the side of the text
which bleeds left or right over the gutters */

@media screen and (max-width: 39.9375em) {
    .text-image--reverse > div > .rown.section > .row,
    .image-text--reverse > div > .rown.section > .row{display: flex; flex-direction: column-reverse;}

    .text-image--full > div > .rown.section > .row > .columns:nth-of-type(2),
    .image-text--full > div > .rown.section > .row > .columns:nth-of-type(1){padding: 0; width: calc(100% + 20px); position: relative; left: -10px;}

    .text-image .columns:nth-of-type(1),
    .image-text .columns:nth-of-type(1){margin: 0 0 30px 0;}

    .text-image--reverse .columns:nth-of-type(1),
    .text-image--reverse .columns:nth-of-type(1){margin: 0;}
    .text-image--reverse .columns:nth-of-type(2),
    .text-image--reverse .columns:nth-of-type(2){margin: 0 0 30px 0;}
}   
@media screen and (min-width: 40em) {    
    .text-image > div > .rown.section,
    .image-text > div > .rown.section{max-width: 1440px; margin: 0 auto; width: 100%;}

    .text-image > div > .rown.section > .row{width: calc(100% - 8.333% + 15px); margin: 0 0 0 auto; max-width: 1440px;}
    .image-text > div > .rown.section > .row{width: calc(100% - 8.333% + 15px); margin: 0 auto 0 0; max-width: 1440px;}

    .text-image > div > .rown.section > .row > .columns:nth-of-type(2){padding: 0 0 0 15px;}
    .image-text > div > .rown.section > .row > .columns:nth-of-type(1){padding: 0 15px 0 0;}
}

/* Resize Font Size so they don't overlap other section */
@media screen and (min-width: 40em) and (max-width: 63.9375em) {
    .text-image .callout, .image-text .callout {
        font-size: 7vw;
    }
}


/* ------ Breakpoint references ------ */

/* Small only --- >640px */
@media screen and (max-width: 39.9375em) {}   

/* Medium and up --- 640px< */
@media screen and (min-width: 40em) {}      

/* Medium only --- 640px-1024px*/
@media screen and (min-width: 40em) and (max-width: 63.9375em) {}

/* Large and up --- 1024px<  */
@media screen and (min-width: 64em) {}