.site {
    padding: 0 1rem;
}

.hentry {
    clear: both;
}

.menu-toggle {
    display: none;
}

.post-navigation .nav-previous:before, .image-navigation .nav-previous:before {
    top: -5px !important;
    left: -5px !important;
}

.post-navigation .nav-next:after, .image-navigation .nav-next:after {
    top: -5px !important;
    right: -5px !important;
}

@media all and (max-width: 767px) {
    .site-content {
        max-width: 420px !important;
        margin: 0 auto !important;
    }

    .site-branding {
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        top: 0;
        padding: 1rem 0 !important;
        max-width: calc(100% - 120px);
        width: 100%;
    }

    .site-header h1 {
        margin: 0 !important;
    }

    .menu-container {
        display: none;
    }

    .main-navigation {
        padding: 1.3rem 0;
        border: 0 !important;
    }

    .main-navigation.fixed {
        padding: 0 0 .5rem 0;
    }

    .featured-container {
        padding-left: 1rem;
        padding-right: 1rem;
    }

    .main-navigation li {
        float: none;
        width: 100%;
    }

    .site-header {
        height: auto !important;
    }

    .site-header img {
        max-width: 260px !important;
    }

    .main-navigation ul {
        padding-top: 2rem;
    }

    .menu-toggle {
        display: block;
        background: transparent;
        -webkit-tap-highlight-color: transparent;
        padding: 0;
        border: 0;
        outline: none;
        color: #262626;
        width: 40px;
        z-index: 99;
    }

    .menu-toggle > .menu-icon {
        display: inline-block;
        width: 40px;
        height: 36px;
        padding: 12px 7px;
        border-radius: 3px;
        float: right;
        position: relative;
        z-index: 99;
    }

    .main-navigation .menu-toggle:hover {
        background: transparent;
    }

    .main-navigation.toggled .menu-toggle > .menu-icon > span {
        background: #000;
    }

    .menu-toggle > .menu-icon > span {
        display: block;
        height: 1px;
        width: 100%;
        margin: 8px 0;
        background: #000;
        -webkit-transition: all 0.5s ease;
        transition: all 0.5s ease;
    }

    .main-navigation.toggled .menu-icon > .first {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        margin-left: 0;
        margin-top: 14px;
        width: 27px;
    }

    .main-navigation.toggled .menu-icon > .second {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        margin-left: 0;
        margin-top: -8px;
        width: 27px;
    }

    .main-navigation.toggled .menu-icon > .third {
        display: none;
    }

    .social {
        margin: 10px auto;
        float: none !important;
        padding-top: 20px;
        clear: both;
    }

    .featured-container {
        padding: 20px 0 !important;
    }

    .featured-container .featured-side,
    .featured-container .featured {
        display: block !important;
        width: 100% !important;
    }

    .featured-container .featured-side .instagram-container,
    .featured-container .featured-side .instagram-container .instabox {
        max-width: none !important;
    }

    .featured-container .featured-side .video iframe {
        max-width: none !important;
    }

    .featured-container .featured-side .instagram-container,
    .obsessions-container {
        clear: both;
    }

    .featured-container .featured-side .instagram-container .instabox .caption {
        position: absolute !important;
        bottom: 0 !important;
        width: 100% !important;
    }

    .ob-title {
        font-size: 12px !important;
    }

    .obsessions .slidr-items-container {
        max-width: calc(100% - 82px);
    }

    .hentry {
        margin-top: 2rem !important;
    }

    .entry-content p {
        font-size: 15px !important;
    }


    .comments-area input[type="text"],
    .comments-area input[type="email"],
    .comments-area input[type="url"] {
        width: 100%;
    }

    .attachment .list {
        margin-top: 0 !important;
    }

    .obs-container {
        padding-top: 1rem;
    }

    .press-item,
    .obs-item {
        width: 100% !important;
    }

    .arc-item {
        width: 100% !important;
    }

    .arc-item img {
        width: 100%;
    }
}