.col-container {
    @include center();
    &.slim {
        max-width: 1024px;
    }
}
@media screen and (min-width: 768px) {
    .col-two-cycle {
        @include column(1/2, $cycle: 2);
    }
    .col-three-cycle {
        @include column(1/3, $cycle: 3);
    }
    .col-four-cycle {
        @include column(1/4, $cycle: 4);
    }
    .col-one-third {
        @include column(1/4, $gutter:0);
    }
    .col-two-third {
        @include column(3/4, $gutter:0);
    }
    .col-half {
        @include column(1/2, $gutter:0 );
    }
    .col-three {
        @include column(1/3, $gutter:0 );
    }
    .col-four {
        @include column(1/4, $gutter:0 );
    }
    //CONTENT
    .sidebar-left {
        .content-area {
            &.col-two-third { 
               float: right;
               border-right: 0;
               padding-left: 50px;
               padding-right: 0;
            }
        }
        .widget-area {
            &.col-one-third { 
                float: left;
                padding-right: 50px;
                padding-left: 0;
            }
        }
    }
    .content-area {
        &.col-two-third { 
           padding-right: 50px;
        }
    }
    .widget-area {
        &.col-one-third { 
            padding-left: 50px;
        }
    }
}
.site-header-wrap,
.site-footer-wrap,
.site-content-wrap {
    padding: 0 25px;
}
.site-main {
    display: inline-block;
    width: 100%;
}
.widget-area,
.content-area {
    padding-bottom: 60px;
    padding-top: 60px;
}
.page-template-page-blank-content {
    .content-wrap {
        padding: 0;
    }
    .site-content-wrap.col-container {
        max-width: 100%;
        padding-left: 0;
        padding-right: 0;
    }
}

//HEADER
.top-header {
    .top-header-wrap {
        padding: 0 25px;
    }
    .social-url {
        float: right;
        display: inline-block;
    }
    .header-nav {
        float: left;
        display: inline-block;
    }
}
//POSTS
@media screen and (max-width: 768px) { 
    .top-header,
    .site-hedaer,
    .site-branding,
    .top-header .social-url,
    .top-header .header-nav {
        float: none;
        text-align: center;
    }
    .hero {
        padding: 20px 25px 60px 25px!important;
        h2.title {
            font-size: 6.5rem!important;
        }
        .text {
            font-size: 2.5rem!important;
        }
    }
    .top-header .header-nav li a {
        margin-right: 5px!important;
        margin-left: 5ppx!important;
    }
}