@media screen and (max-width: 673px){
    #logo a{
        background: transparent url("/wp-content/themes/chapindc/_images/logo_sm.png") no-repeat top left;
        width: 300px;
        height: 41px;

    }

}

@media screen and (max-width: 520px){
    .two-col{
        width: 98%;
        max-width: 520px;
        margin:  0 1% 20px 1%;
    }

    .three-col{
        width: 98%;
        max-width: 520px;
        margin:  0 1% 20px 1%;
    }

    .four-col{
        width: 98%;
        max-width: 520px;
        margin:  0 1% 20px 1%;
    }

    .eight-col {
        width: 98%;
        max-width: 520px;
        margin:  0 1% 20px 1%;
    }

    .twelve-col{
        width: 98%;
        max-width: 520px;
        margin:  0 1% 20px 1%;
    }

    .left-sidebar{
        display:none;
    }

    .half-of-eight-col{
        width: 98%;
        max-width: 520px;
        margin:  0 1% 20px 1%;
    }

    .half-of-eight-col.last{
        width: 98%;
        max-width: 520px;
        margin:  0 1% 20px 1%;
    }

    #mobile-menu{
        background-color: #CF631F;
        padding: 9px;
        color: #ffffff;
        display: block;
        font-size: 1.286em;
    }

    #mobile-menu:hover{
        cursor: pointer;
    }

    .menu-main-menu-container{
        display: none;

    }

    .main-menu{
        background-color:  #CF631F;
        padding-left: 12px;
    }

    .main-menu li a{
        color: #ffffff;
    }

    .main-menu li a:hover{
        color: #ffffff;
    }

    .main-menu li {
        display: block;
    }

    .main-menu ul{
        display: block;
        background-color:  #CF631F;
        position: relative;
        left: 0;
        top: 0;
        border:  none;
        width: 200px;     /**** 190 - 14 - 14 ***/
        padding: 10px 14px 2px 14px;
        z-index: 0;

        -moz-box-shadow:    none;
        -webkit-box-shadow: none;
        box-shadow:         none;
    }

    .main-menu li.current-menu-item ul a, .main-menu li.current-menu-parent ul a{
        color: #ffffff;
    }

    .main-menu ul li.current-menu-item a{
        color: #ffffff;
    }

    .main-menu li a:hover, .main-menu li.current-menu-item a, .main-menu li.current-menu-parent a{
        color: #ffffff;
    }
}