#divHeading {position: relative;}
#divHeading .clsImage {display: block; width: 100%;}
#divHeading .clsText {position: absolute; left: -8px; border: 9px solid; color: #ffffff; text-align: center; width: 320px; padding: 24px; top: 50%;}
#divHeading .clsText .clsTitle {display: block; font-weight: bold; font-size: 2.1rem; text-transform: uppercase;}
#divHeading .clsText .clsSubheading {font-size: 1.6rem; font-weight: 300; font-style: italic;}

#divContent .clsEmphasis {display: block; border: 1px dashed #cecece; border-left-width: 0; border-right-width: 0; background: #f9f7f7; text-align: center; padding: 15.5px 2%; font-size: 1.8rem; color: #363636; margin: 32px 0;}
#divContent .clsEmphasis p {margin: 32px 0;}
#divContent .clsEmphasis p:first-child {margin-top: 0;}
#divContent .clsEmphasis p:last-child {margin-bottom: 0;}

#divCategories .clsCategory {width: 33%; float: left; margin-bottom: 86px; padding: 0 1.2%;}
#divCategories .clsCategory:nth-child(3n - 2) {padding-right: 5.1%; clear: both;}
#divCategories .clsCategory:nth-child(3n - 1) {padding: 0 3.15%;}
#divCategories .clsCategory:nth-child(3n) {padding-left: 5.1%;}
#divCategories .clsCategory .clsImage {display: block; width: 100%; margin: 0 0 24px 0;}
#divCategories .clsCategory .clsImage img {display: block; width: 100%;}
#divCategories .clsCategory .clsTitle {font-size: 1.6rem; font-weight: 600; margin-bottom: 8px;}
#divCategories .clsCategory .clsText {font-size: 1.2rem; line-height: 1.5em;}

@media all and (max-width: 639px) {
    #divHeading .clsImage {display: none; visibility: hidden;}
    #divHeading .clsText {position: relative; top: 0; left: 0; width: 100%; margin-top: 0 !important;}
    #divContent #divCategories .clsCategory {width: 100%; float: none; margin-bottom: 24px; padding: 0 1.2%; text-align: center}
}

/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */