@media only screen and (max-width: 960px) {

    .header {
        display: none;
    }

    body.mobile-menu-open {
        overflow: hidden;
        position: fixed !important;
    }

    /* Mobile Header */

    #mobile-header {
        background-color: rgba(0,0,0,.2);
        width: 100%;
        position: fixed;
        margin: 0 auto;
        height: 80px;
        display: block;
    }

    #mobile-header .logo_div {
        margin: .6em 0 0 1.5em;
    }

    /* Mobile Navigation */

    #menu-responsive {
        display: block;
        position: absolute;
        right: 25px;
        top: 25px;
        padding: 5px;
    }

    /* Mobile Navigation Button */

    #menu-responsive .mobile-menu-btn .bar-1,
    #menu-responsive .mobile-menu-btn .bar-2,
    #menu-responsive .mobile-menu-btn .bar-3 {
        display: block;
        background-color: #606060;
        width: 25px;
        height: 3px;
        margin-bottom: 5px;
    }

    .mobile-menu-btn, .mobile-menu-close-btn {
        display: none;
    }

    .mobile-menu-btn.is-active, .mobile-menu-close-btn.is-active {
        display: block;
    }

    #menu-responsive .mobile-menu-close-btn .bar-1,
    #menu-responsive .mobile-menu-close-btn .bar-2 {
        display: block;
        width: 25px;
        height: 3px;
        margin-bottom: 5px;
        background-color: #606060;
        transition: all .4s cubic-bezier(0.23, 1, 0.32, 1)
    }

    #menu-responsive .mobile-menu-close-btn .bar-1 {
        transform: rotate(45deg) translate(4px, 4px);
    }

    #menu-responsive .mobile-menu-close-btn .bar-2 {
        transform: rotate(-45deg) translate(1px, -3px);
    }

    /* Mobile Navigation Items */

    .mobile-menu {
        background-color: #282828;
        position: fixed;
        top: 80px;
        width: 100%;
        height: 100%;
        z-index: 10000;
        overflow-x: hidden;
        overflow-y: scroll;
        left: 0;
        visibility: hidden;
        opacity: 0;
        transition: all .4s cubic-bezier(0.23, 1, 0.32, 1);
        background-position: bottom right;
        display: block;
    }

    .is-active {
        visibility: visible !important;
        opacity: .95 !important;
    }

    .mobile-menu .nav_items {
        list-style: none;
        padding: 0;
        margin: 10px 0 100px 0;
    }

    .mobile-menu .nav_items a {
        color: #606060;
        text-decoration: none;
        font-family:Arial, Helvetica, sans-serif;
    }

    .mobile-menu .nav_items li {
        padding: 15px 25px 10px 25px;
        display: block;
        float: none;
        text-align: center;
    }

    .mobile-menu .nav_items li a {
        font-size: 1.3em;
        display: block;
        font-weight: 600;
        line-height: 1.3;
        transition: opacity  0.4s ease;
    }

    /* About Me */

    .profile_pic {
        float: none;
        width: 100%;
        text-align: center;
    }

    .content {
        width: 85%;
        height: auto;
        position: inherit;
        padding: 150px 0px 80px 0px;
        margin: 0 auto;
    }

    .about_me_text {
        width: 100%;
        position: inherit;
        float: none;
        margin: 0;
    }

    .h_style_1 {
        position: inherit;
        width: 100%;
    }

    .p_style_1 {
        width: 100%;
    }

    .p_style_1 a{

    }

    .p_style_2 {
        width: 100%;
        font-size: 14px;
    }
}