#altMenu {
        font-size:20px;
        position:absolute;
        right:15px;
        top: 35px;
    }

    #altNav ul {
        display:none;
        width:100%;
        list-style: none;
        background-color: #007a50;
        margin:0px;
        font-size:12px;
        letter-spacing:1px;
    }

    #altNav ul li {
        line-height:18px;
        padding:7px 15px;
        border-bottom:1px solid #006600;
    }

    #altNav ul li.active {
        font-weight:bold;
    }

    #altNav ul li.last {
        border:0px;
    }

    #altNav ul li a {
        color:#ffffff;
    }

    #scrolltop {
        z-index: 1000;
    }

@media only screen and (min-width: 925px) {
    #altMenu {display:none;}
}

@media only screen and (max-width: 925px) {
    body #main {width: 100%;}

    header nav ul {display: none;}
    #altMenu {display: inline-block;}

    #sidebar {float:none; width:100%; border:0px; min-height:0px;}
    #sidebar p {margin-left: 12px;}
    #sidebar .btn {float:right; margin-top:10px;}
    #sidebar #projects {border-bottom:1px dotted #c0c0c0;}

    #projects hr {clear:both;}
    #projects a.project {float:left; padding-right:12px; width:140px; font-size:12px;}

    #content {margin-left:0px; margin-top:15px;}
    #content h1 {margin-top:7px;}

    #navLinks {display: none;}
    #navCopyright ul li {float:none; text-align:center;}
    #navCopyright span {display:none;}

    footer {border-top: 1px dotted #c0c0c0;}
}

@media only screen and (max-width: 768px) {
    form > div.left, form > div.right {float:none; width:100% !important;}
    #projects th .fa {display:block; margin-top:3px;}
}

@media only screen and (max-width: 450px) {
    body #main {padding:0px 7px;}
    #logo img {height:40px;}
    #altMenu {top: 17px; right: 0px;}
}