*, *:after, *:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.row {
    width: 100%;
    max-width: 1170px;
    margin: 0 auto;
    overflow: hidden;
    padding: 0;
}

    .row:after {
        content: "";
        display: table;
        clear: both;
    }

nav a#pull {
    display: none;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.blk {
    display: inline-block;
}

@media (min-width:768px) {

    .span1 {
        width: 8.333333333333333%;
    }

    .span2 {
        width: 16.66666666666667%;
    }

    .span3 {
        width: 25%;
    }

    .span4 {
        width: 33.33333333333333%;
    }

    .span5 {
        width: 41.66666666666667%;
    }

    .span6 {
        width: 50%;
    }

    .span7 {
        width: 58.33333333333333%;
    }

    .span8 {
        width: 66.66666666666666%;
    }

    .span9 {
        width: 75%;
    }

    .span10 {
        width: 83.33333333333333%;
    }

    .span11 {
        width: 91.66666666666666%;
    }

    .span12 {
        width: 100%;
    }
}

@media(max-width: 1158px) {
    #content * {
        transition: 0.5s;
    }

    #content .row {
        padding: 2%;
    }

    #content .fr, #content .fl {
        float: none;
    }

    #content article {
        width: 100%;
        text-align: center;
    }

    #content h1 span {
        display: inline-block;
    }

    #content p {
        text-align: justify;
    }

    #content img {
        max-width: 300px;
        width: 100%;
    }
}

@media(max-width: 910px) {
    #mid * {
        transition: 0.5s;
    }

    #mid dl {
        width: 45%;
        margin: 1%;
    }
}

@media(max-width: 899px) {
    #qform .fl, #qform .fr {
        float: none;
        text-align: center;
    }

    #qform .blk {
        display: block;
    }
}

@media(max-width: 815px) {
    #hd-top * {
        transition: 0.5s;
    }

    #hd-top .row {
        padding: 2%;
    }

    #hd-top .fl, #hd-top .fr {
        float: none;
    }
}

@media (max-width:768px) {
    #bottom * {
        transition: 0.5s;
    }

    #bottom .row {
        padding: 50px 2%;
    }

    #bottom .col1, #bottom .form {
        width: 100%;
    }

    img {
        max-width: 100%;
    }

    #content h1 {
        font-size: 35px;
        line-height: 120%;
    }

    header .row {
        padding: 0px;
    }

    header nav {
        float: none;
        display: block;
        width: 100%;
    }

        header nav ul {
            display: none;
            height: auto;
        }

        header nav a#pull {
            display: block;
            border-bottom: 1px solid #09f;
            color: #fff;
            text-align: left;
            width: 100%;
            position: relative;
            height: 40px;
            line-height: 40px;
            padding-left: 3.5%;
        }

            header nav a#pull:after {
                content: "";
                background: url('../images/nav-icon.png') no-repeat;
                width: 30px;
                height: 40px;
                display: inline-block;
                position: absolute;
                right: 15px;
                top: 10px;
            }

        header nav ul li {
            line-height: 40px;
            display: block;
            float: none;
            width: 100%;
            border-bottom: 1px solid #09f;
        }

    .hidden-sm {
        display: none;
    }

    #blog-page .row:first-child {
        width: 100%;
    }
}

@media(max-width: 480px) {
    #blog * {
        transition: 0.5s;
    }

    #blog .row {
        padding: 50px 2%;
    }

    #blog dl {
        width: 100%;
        margin: 20px 0;
    }
}

@media(max-width: 459px) {
    #mid dl {
        width: 92%;
    }
}

@media only screen and (max-width : 766px) {
    #resources .col-md-9,
    #resources .col-sm-6 {
        padding: 0;
        margin: 0;
    }

    #resources ul.inner- {
        list-style-position: inside;
        padding: 0;
        margin:0;
    }

}