@media screen and (max-width:540px){
    *{
        font-size-adjust:0.4;
    }
    
    nav ul{
        display:block;
        height:0px;
        overflow:auto;
        overflow-y:hidden;
        float:none;
        background-color:#222;
        transition:height .2s ease;
        width:100vw;
    }
    
    span#profileButton{
        padding:6px;
    }
    
    .mainTitle{
        font-size:150%;
    }
    
    .row{
        padding:2px;
    }
    
    nav{
        font-size:0;
    }
    
    nav img{
        float:none;
    }
    
    nav #login{
        font-size:16px;
    }
    
    nav ul li{
        font-size:16px;
        float:none;
        background-color:#333;
    }
    
    nav ul li a:hover{
        border-bottom:none;
        background-color:#555;
        transition:background-color .2s ease;
    }
    
    nav #smallMenu{
        display:inline-block;
        padding:0 10px;
    }
    
    nav #smallMenu i{
        color:#fff;
    }
    
    nav #bigHome{
        display:none;
    }
    
    #loggedIn table tr td{
        padding:3px;
    }
    
    .categoryLinks{
        font-size:120%;
        margin-left:30px;
    }
}

@media only screen and (max-width:680px){
    #navAdminMobButton{
        display:block;
        cursor:pointer;
    }

    #navAdmin ul{
        overflow-y:hidden;
        height:0;
        box-shadow:0 7px 8px 0 rgba(0,0,0,0.4);
    }
    
    #navAdmin ul li a{
        border:none;
        width:100%;
        display:block;
    }
    
    #navAdmin ul li{
        width:100%;
        display:block;
    }
    
    #navAdmin ul li:hover{
        border:none;
        display:block;
    }
    
    #navAdmin ul li:active{
        border:none;
        display:block;
    }
}

@media only screen and (max-width:650px){
    pre img, #preText img{
        max-width: 100%;
        width:auto !important;
    }
    
    form#contactForm{
        min-width:90vw;
    }
}

@media screen and (max-width:380px){
    body form#contactForm{
        min-width:98vw;
    }
    
    #loggedIn #profileSettings_settings tr td{
        display:block;
        text-align:center;
    }
    
    #loginBox table tr td{
        display:block;
    }
}

@media screen and (min-width:768px){
    .col-1-12-small{
        width:8.333333%;
        display:block;
        float:left;
    }
    
    .col-2-12-small{
        width:16.6666666%;
        display:block;
        float:left;
    }
    
    .col-3-12-small{
        width:25%;
        display:block;
        float:left;
    }
    
    .col-4-12-small{
        width:33.333333%;
        display:block;
        float:left;
    }
    
    .col-5-12-small{
        width:41.6666666%;
        display:block;
        float:left;
    }
    
    .col-6-12-small{
        width:50%;
        display:block;
        float:left;
    }
    
    .col-7-12-small{
        58.333333%;
        display:block;
        float:left;
    }
    
    .col-8-12-small{
        66.6666666%;
        display:block;
        float:left;
    }
    
    .col-9-12-small{
        width:75%;
        display:block;
        float:left;
    }
    
    .col-10-12-small{
        width:81.333333%;
        display:block;
        float:left;
    }
    
    .col-11-12-small{
        width:91.6666666%;
        display:block;
        float:left;
    }
    
    .col-12-12-small{
        width:100%;
        display:block;
        float:left;
    }
}

@media screen and (min-width:992px){
    .col-1-12-med{
        width:8.333333%;
        display:block;
        float:left;
    }
    
    .col-2-12-med{
        width:16.6666666%;
        display:block;
        float:left;
    }
    
    .col-3-12-med{
        width:25%;
        display:block;
        float:left;
    }
    
    .col-4-12-med{
        width:33.333333%;
        display:block;
        float:left;
    }
    
    .col-5-12-med{
        width:41.6666666%;
        display:block;
        float:left;
    }
    
    .col-6-12-med{
        width:50%;
        display:block;
        float:left;
    }
    
    .col-7-12-med{
        58.333333%;
        display:block;
        float:left;
    }
    
    .col-8-12-med{
        66.6666666%;
        display:block;
        float:left;
    }
    
    .col-9-12-med{
        width:75%;
        display:block;
        float:left;
    }
    
    .col-10-12-med{
        width:81.333333%;
        display:block;
        float:left;
    }
    
    .col-11-12-med{
        width:91.6666666%;
        display:block;
        float:left;
    }
    
    .col-12-12-med{
        width:100%;
        display:block;
        float:left;
    }
}

@media screen and (min-width:1600px){
    .col-1-12{
        width:8.333333%;
        display:block;
        float:left;
    }
    
    .col-2-12{
        width:16.6666666%;
        display:block;
        float:left;
    }
    
    .col-3-12{
        width:25%;
        display:block;
        float:left;
    }
    
    .col-4-12{
        width:33.333333%;
        display:block;
        float:left;
    }
    
    .col-5-12{
        width:41.6666666%;
        display:block;
        float:left;
    }
    
    .col-6-12{
        width:50%;
        display:block;
        float:left;
    }
    
    .col-7-12{
        58.333333%;
        display:block;
        float:left;
    }
    
    .col-8-12{
        66.6666666%;
        display:block;
        float:left;
    }
    
    .col-9-12{
        width:75%;
        display:block;
        float:left;
    }
    
    .col-10-12{
        width:81.333333%;
        display:block;
        float:left;
    }
    
    .col-11-12{
        width:91.6666666%;
        display:block;
        float:left;
    }
    
    .col-12-12{
        width:100%;
        display:block;
        float:left;
    }
}

@media screen and (max-width:1200px){
    #contactForm{
        min-width:70vw;
    }
}