.pageWrap {
    position: relative;
    overflow: hidden;
    min-height: 100vh;
    max-width: 100vw;
}

.gutter {
    width: auto;
}

.logo {
    display: block;
    float: none;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    z-index: 1;
    height: 69px;
    line-height: 58px;
    vertical-align: middle;
    text-align: center;
}

.mainFooter .gutter {
    margin: 0 25px;
}

.mainNav:before {
    content: ' ';
    display: table;
    clear: both;
    width: 100%;
}

.mainNav {
    display: none;
    float: none;
    clear: left;
    background-color: #181818;
    margin: 0 0 0 -27px;
}

.mainNav.open {
    position: relative;
    z-index: 5;
}

.mainNav ul li {
    float: none;
    position: relative;
    border-top: 1px solid rgba(255,255,255,0.05);
}

.mainNav ul ul li {
    border-top: 1px solid rgba(255,255,255,0.05);
}

.mainNav ul li a {
    padding: 12px 36px 12px 27px;
    color: #3accc3;
    line-height: 1;
    text-decoration: none;
}

.mainNav ul li a:hover {
    background-color: transparent;
    color: #3accc3;
}

.blackBar {
    padding: 0 0 0 16px;
}



/* Sub Menus */

.mainNav ul, .mainNav ul ul {
    position: static;
    width: auto;
    left: auto;
    top: auto;
    pointer-events: auto;
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
            transform: translateY(0);
    -webkit-transition: none !important;
            transition: none !important;
}

.mainNav ul ul {
    display: none;
    background-color: #292929;
}

.mainNav ul ul {
    border-top: 1px solid rgba(255,255,255,0.05);
}

.mainNav ul ul li {
    font-family: 'Raleway', arial, tahoma;
    font-size: 14px;
}

.mainNav ul ul li a {
    padding: 12px 36px 12px 27px;
}

.mainNav ul li:hover a {
    background-color: transparent;
    color: #3accc3;
}

.mainNav ul li:hover ul li a {
    background-color: transparent;
    color: #fff;
}

.mainNav ul ul ul, .mainNav ul li:hover ul ul {
    position: static;
    pointer-events: auto;
    opacity: 1;
    filter: alpha(opacity=100);
    left: auto;
    top: auto;
    background-color: #393939;
    -webkit-transform: translateY(0) translateX(0px);
        -ms-transform: translateY(0) translateX(0px);
            transform: translateY(0) translateX(0px);
}

span.subToggler {
    position: absolute;
    cursor: pointer;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: transparent;
    width: 34px;
    text-align: center;
    font: 20px/1 fa;
    color: #fff;
    padding: 9px 0 0;
}

span.subToggler:before {
    content: '\f107';
    display: inline-block;
}

span.subToggler.on:before {
    content: '\f106';
}

.plug {
    display: block;
    position: static;
    z-index: 0;
    top: auto;
    left: auto;
    margin: 40px auto;
    width: 40%;
}

.gridWall.wide .gridItem, .gridWall.wide .gridSizer {
    width: 33.3%;
}

.classic.grid blockquote.link p.author {
    font-size: 12px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.ssPort input[type="text"] {
    font-size: 75px;
}

.error404 .articleBody{
	padding-bottom: 0;
}

@media (min-width: 969px)  {

    .classic.tile header h1, .classic.tile header h2 {
        font-size: 22px;
    }

}

@media (max-width: 960px) {

    .tilesWall .gridSizer, .tilesWall .gridItem {
        width: 50%;
    }

}

@media (max-width: 860px) {


    body {
        font-size: 15px;
    }

    .classic {
        padding: 35px 0 16px;
    }

    aside.side {
        margin: 35px 0 16px;
    }

    header h2, header h1 {
        font-size: 38px;
        margin: 0 0 28px;
    }
	
	.classic header h3 {
		font-size: 13px;
	}

    .classic header p.meta {
        font-size: 13px;
        margin: -18px 0 28px;
    }

    p.loud {
        font-size: 19px;
        margin: 0 0 15px;
    }

    .classic header h3.errorCode {
        font-size: 64px;
    }

    .ssPort input[type="text"] {
        font-size: 46px;
    }


    .articleBody h1 {
        font-size: 48px;
    }

    .articleBody h2 {
        font-size: 38px;
    }

    .articleBody h3 {
        font-size: 32px;
    }

    .articleBody h4 {
        font-size: 26px;
    }

    .articleBody h5 {
        font-size: 16px;
    }

    .articleBody h6 {
        font-size: 13px;
    }

}


@media (max-width: 820px) {

    .gridItem, .gridSizer, .gridWall.wide .gridItem, .gridWall.wide .gridSizer {
        width: 50%;
    }

}

@media (max-width: 740px) {

    .column, .side.left, .side.right {
        float: none;
    }

    .narrow, .side {
        width: auto;
    }

    .x3 .fooBox {
        width: auto;
        float: none;
    }

    .x4 .fooBox {
        width: 50%;
    }

    .x4 .fooBox:nth-child(3n+1) {
        clear: none;
    }

    .x4 .fooBox:nth-child(odd) {
        clear: left;
    }


    .fooNav ul li {
        display: block;
        margin: 0;
        padding: 0;
        border-top: 1px solid rgba(255,255,255,0.07);
    }

    .fooNav ul li:first-child {
        border-top: none;
    }

    .fooNav ul li a {
        display: block;
        padding: 12px 0;
    }

}


@media (max-width: 740px) and (min-width: 480px) {

    .instaGrid span {
        width: 14.28%;
    }

}

@media (max-width: 680px) {

    ul.comments, .postComment {
        padding: 0;
    }

    .pcItem {
        margin: 0 0 20px;
    }

}

@media (max-width: 660px) {

    .tilesWall .gridSizer, .tilesWall .gridItem {
        width: 100%;
    }

    .ssPort input[type="text"] {
        font-size: 38px;
    }

    .classic footer .continue {
        float: none;
        margin: 0 0 18px;
        text-align: center;
    }

    .socialsRow {
        float: none;
        padding: 17px 0 0;
        border-top: 1px solid #d2d2d2;
        text-align: center;
    }

    .classic footer .socialsRow .ico {
        display: inline-block;
        float: none;
        margin: 0 5px;
    }

    .btSingle footer .tagsCloud {
        float: none;
        padding: 10px 0;
        width: auto;
        text-align: center;
    }

    .btSingle footer .tagsCloud ul {
        display: inline-block;
        text-align: center;
    }

}


@media (max-width: 580px) {

    .fooSocials .ico.wLabel span {
        border-radius: 50%;
        padding: 0;
    }

    .fooSocials .ico.wLabel span b {
        display: none;
    }

    ul.comments ul li {
        margin: 20px 0 0 35px;
    }

    ul.comments ul li:first-child {
        padding: 20px 0 0 35px;
    }

    /* wide post indents */

    .btSingle .articleBody {
        width: auto;
    }

    .btSingle .articleBody blockquote, .btSingle .articleBody .mediaBox, .btSingle .articleBody .slideBox {
        margin: 0 auto 38px;
    }

    .btSingle .articleBody .gallGrid {
        margin: 0 -4px 30px;
    }


    /* / wide post indents */

}

@media (max-width: 540px) {

    .articleBody {
        padding: 0;
    }

    .aaAvatar {
        display: block;
        padding: 0;
        margin: 0 auto 20px;
    }

    .aaTxt {
        display: block;
    }

}


@media (max-width: 480px) {

    .classic {
        padding: 30px 0 12px;
    }

    .classic header p.meta {
        margin: 0 0 4px;
    }

    header h1, header h2 {
        font-size: 32px;
        margin: 0 0 22px;
    }

    .classic header p.meta {
        font-size: 13px;
        margin: -18px 0 22px;
    }

    .classic header h3 {
        font-size: 17px;
        margin: 0 0 2px;
    }

    p.loud {
        font-size: 19px;
        margin: 0 0 22px;
    }

    .classic header p.meta {
        font-size: 12px;
    }

    blockquote {
        font-size: 22px;
    }

    blockquote:before, blockquote:after {
        font: 1.1em/1 fiesta;
    }

    blockquote:before {
        padding: 18px 0 14px;
    }

    blockquote:after {
        padding: 10px 0;
    }

    .mediaBox, blockquote, .soundCloudBox, .slideBox {
        margin: 0 0 20px;
    }

    .gallGrid {
        margin: 0 -4px 22px;
    }

    span.enhanced {
        margin: 4px 10px 0 0;
        width: 50px;
        font-size: 28px;
        height: 50px;
        line-height: 50px;
    }

    .classic header h3.errorCode {
        font-size: 64px;
    }

    .by3 .gbItem, .by4 .gbItem {
        width: 50%;
    }

    .by3 .gbItem:nth-child(3n+1) {
        clear: none;
    }

    .by4 .gbItem:nth-child(4n+1) {
        clear: none;
    }

    .by3 .gbItem:nth-child(odd), .by4 .gbItem:nth-child(odd) {
        clear: left;
    }

    .gridItem, .gridSizer, .gridWall.wide .gridItem, .gridWall.wide .gridSizer {
        width: 100%;
        float: none;
    }

    .ssPort input[type="text"] {
        font-size: 26px;
    }

    .btSingle footer .tagsCloud ul {
        padding: 0;
    }

    .btSingle footer .tagsCloud ul:before {
        display: block;
        float: none;
        margin: 0 auto 10px;
    }

    .btSingle footer .tagsCloud li a {
        font-size: 12px;
    }

    .articleBody .alignright, .articleBody .alignleft {
        float: none;
        margin: 0 auto 38px;
        text-align: center;
        display: block;
    }

}

@media (max-width:460px) {


    .pcItem {
        padding: 0;
    }

    .pcItem label {
        float: none;
        margin: 0 0 12px;
        padding: 0;
        width: auto;
    }

    p.commentSubmit {
        padding: 0;
        text-align: center;
    }

    .neighbor a strong {
        display: none;
    }

    .neighbor a:before {
        top: -1px;
    }

}


@media (max-width: 380px) {

    .socNtools ul li {
        margin: 0 12px 0 0;
    }

    .btSingle .gallGrid .x2,  .excerpt .gallGrid .x2, .btSingle .gallGrid .x3, .excerpt .gallGrid .x3 {
        float: none;
        width: auto;
    }

    .x4 .fooBox {
        width: auto;
        float: none;
    }


    .commentAvatar {
        width: 60px;
    }

    .commentAvatar img {
        max-width: 50px;
    }

    .commentTxt, ul.comments .commentTxt {
        font-size: 13px;
        padding: 8px 0 0 60px;
    }

    ul.comments ul li:first-child {
        padding: 20px 0 0 15px;
    }

    .comment-respond .pcItem {
        padding: 0;
    }

    .comment-respond .form-submit {
        padding: 0;
    }

    .classic.tile header h1, .classic.tile header h2 {
        font-size: 22px;
    }

}