/* GRID AND RESPONSIVE - MOBILE FIRST - DESKTOP STYLES ARE IN MEDIA QUEIES TOWARDS THE BOTTOM */

body {
    font-family: 'Roboto', sans-serif;
    font-weight:normal;
}

.ssw * {-moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;}

.ssw_region_hint {display: none;}

.ssw_header,
.ssw_footer_container {padding:0px 6px;}

.ssw_outer_wrapper {margin:0px auto; padding-left:12px; padding-right:12px;}
.ssw_outer_wrapper.ssw_outer_wrapper_fullwidth {width: 100%;}

.ssw_col_wrapper{
    position: relative;
    float: left;

    width:100%;
    margin-bottom:12px;
}

.ssw_col{
    padding: 2px 6px;
    height: 100%;
}

.ssw_block img {width:100%; height:auto;}


/* CLEARFIX */
.ssw_col_section:before,
.ssw_col_section:after
{content: " "; /* 1 */ display: table; /* 2 */}

.ssw_col_section:after {clear:both;}
.ssw_col_section {*zoom: 1;} /*IE*/

.ssw_inner_wrapper:before,
.ssw_inner_wrapper:after
{content: " "; /* 1 */ display: table; /* 2 */}

.ssw_inner_wrapper:after {clear:both;}
.ssw_inner_wrapper {*zoom: 1;} /*IE*/

.ssw_image {margin-bottom:16px;}





@media  (min-width: 320px) {

    p.test:before { content: "min-width: 320-479px - Mobile";}

    .ssw_one_col .ssw_col_wrapper,
    .ssw_two_col .ssw_col_wrapper,
    .ssw_three_col .ssw_col_wrapper,
    .ssw_four_col .ssw_col_wrapper {width:100%;}

}


@media  (min-width: 480px) {

    p.test:before { content: "min-width: 480 - 767px - Smartphone";}

    .ssw_one_col .ssw_col_wrapper {width:100%;}
    .ssw_two_col .ssw_col_wrapper {width:100%;}
    .ssw_three_col .ssw_col_wrapper {width:100%;}
    .ssw_four_col .ssw_col_wrapper {width:100%;}

    .ssw_outer_wrapper {padding-left:24px; padding-right:24px;}


}


@media  (min-width: 768px) {

    p.test:before { content: "min-width: 768 - 1023 - Tablet Portrait";}

    /* MORE SPACE FOR DESKTOP */
    .ssw_header,
    .ssw_footer_container {padding:0px 24px;}

	.ssw_footer_container {clear:both;}

    .ssw_col_section{
        position: relative;
        padding: 12px 12px 0; /* LESS PADDING THAN NEEDED FOR THE EDITOR*/
    }

    #user_site .ssw_col_section{
        position: relative;
        padding: 28px 12px 0; /* LESS PADDING THAN NEEDED FOR THE EDITOR*/
    }

    .ssw_col{
        padding: 4px 12px;
        height: 100%;
    }

    .ssw_col_wrapper {margin-bottom:0px;}

    .ssw_outer_wrapper {padding-left:0px; padding-right:0px;}


    .ssw_one_col .ssw_col_wrapper {width:100%;}
    .ssw_two_col .ssw_col_wrapper {width:50%;}
    .ssw_three_col .ssw_col_wrapper {width:33%;}
    .ssw_four_col .ssw_col_wrapper {width:25%;}

}

@media  (min-width: 1024px) {

    p.test:before { content: "min-width: 1024 - 1139 - Tablet Landscape";}

    .ssw_one_col .ssw_col_wrapper {width:100%;}
    .ssw_two_col .ssw_col_wrapper {width:50%;}
    .ssw_three_col .ssw_col_wrapper {width:33%;}
    .ssw_four_col .ssw_col_wrapper {width:25%;}

}

@media  (min-width: 1392px) {

    p.test:before { content: "min-width: 1392 and up - Large Desktop";}



}