/* mobile.CSS
* 
* Mobile Stylesheet
*
* Table of Contents
* I. Screen Width <= 320px
* II. Screen Width between 321 px and 340px 
* III. Screen Width between 341 px and 360px 
* IV. Screen Width between 361 px and 380px 
* V. Screen Width between 381 px and 400px
* VI. Screen Width between 401 px and 420px
* VII. Screen Width between 421 px and 440px  
* VIII. Screen Width between 441 px and 460px
* IX. Screen Width between 461 px and 480px
* X. Screen Width between 481 px and 500px
* XI. Screen Width between 501 px and 520px
* XII. Screen Width between 521 px and 540px
* XIII. Screen Width between 541 px and 560px
* XIV. Screen Width between 561 px and 580px
* XV. Screen Width between 581 px and 600px
* XVI. Screen Width between 601 px and 620px
* XVII. Screen Width between 621 px and 640px
* XVIII. Screen Width between 641 px and 649px
*/
/*
I. Screen Width <= 320px---------------- */
@media only screen and (max-width: 320px) {
    /* Menus -------------------- */
    .top-menu, .main-menu {
        display: none !important;
    }

    .mobile-nav-area {
        display: block !important;
        width: 100%;
    }

    .mobile-nav-bar {
        width: 100%;
        height: 40px;
        background-color: #252525;
        text-align: center;
        padding: 3px 0px;
    }

    .mobile-nav-icon {
        text-align: left;
        width: 30px;
        float: left;
        position: relative;
        margin-top: 3px;
    }

    .mobile-nav-bar h5 {
        color: #ffffff;
        font-family: 'Lato', sans-serif;
        font-weight: 300;
        font-size: 28px;
        padding-bottom: 2px;
        margin: 0px;
    }

    .mobile-nav {
        width: 100%;
        background-color: #252525;
        height: auto;
    }

    .mobile-nav-left {
        width: 100%;
        float: left;
        position: relative;
        font-family: 'Oswald';
        font-size: 26px;
        background-color: #000000;
    }

    .mobile-nav-left ul {
        list-style: none;
        margin: 0 0 0 0px;
        padding-left: 0;
    }

    .mobile-nav-left li {
        display: block;
        width: 100%;
        padding: 5px -3px 5px 3px;
        background-color: #000000;
        margin-bottom: 4px
    }

    .mobile-nav-left li:last-child {
        margin-bottom: 0px;
    }

    .mobile-nav-left a {
        color: #ffffff;
        display: block;
        line-height: 39px;
        padding: 3px 12px;
        text-decoration: none;
    }

    .mobile-nav-left ul > li {
        margin-left: 0px;
    }

    .mobile-nav-left ul ul {
        display: none;
        position: absolute;
        width: 100%;
        background: #6C6C6C;
    }

    .mobile-nav-left ul ul li {
        background: #6C6C6C;
    }

    .mobile-nav-left ul ul ul {
        left: 100%;
        top: 0;
    }

    .mobile-nav-left ul ul a {
        background: #6C6C6C;
        color: #ffffff;
        height: auto;
        line-height: 39px;
        padding: 10px 10px;
        width: 100%;
        box-shadow: ;
    }

    .mobile-nav-left li:hover > a,
    .mobile-nav-left li:hover,
    .mobile-nav-left ul ul :hover > a,
    .mobile-nav-left a:focus {
        background: #252525;
        color: #ffffff;
    }

    .mobile-nav-left li:hover > a,
    .mobile-nav-left li:hover,
    .mobile-nav-left a:focus {
        background: #ffffff;
        color: #000000;
    }

    .mobile-nav-left ul li:hover > ul {
        display: block;
        position: static;
    }

    .mobile-nav-left .current-menu-item > a,
    .mobile-nav-left .current-menu-ancestor > a,
    .mobile-nav-left .current_page_item > a,
    .mobile-nav-left .current_page_ancestor > a {
    }

    .mobile-nav-right {
        width: 100%;
        float: left;
        position: relative;
    }

    .mobile-nav-right ul {
        list-style: none;
        margin: 0 0 0 0px;
        padding-left: 0;
    }

    .mobile-nav-right li {
        display: block;
        width: 100%;
        padding: 5px -3px 5px 3px;
        margin-bottom: 4px;
    }

    .mobile-nav-right li:last-child {
        margin-bottom: 0px;
    }

    .mobile-nav-right a {
        color: #ffffff;
        display: block;
        line-height: 41px;
        padding: 0 12px;
        padding-right: 0px;
        text-decoration: none;  
        font-family: 'Lato';
        font-size: 16px;
        font-weight: 300; 
    }

    .mobile-nav-right ul > li {
        margin-left: 0px;
    }

    .mobile-nav-right ul ul {
        display: none;
        float: left;
        position: absolute;
        background: #000000;
        width: 100%;
    }

    .mobile-nav-right ul ul li {
        background: #000000;
    }

    .mobile-nav-right ul ul ul {
        left: 100%;
        top: 0;
    }

    .mobile-nav-right ul ul a {
        background: #000000;
        color: #ffffff;
        font-size: 16px;
        font-weight: 300;
        height: auto;
        padding: 10px 10px;
        width: 100%;
    }

    .mobile-nav-right li:hover > a,
    .mobile-nav-right li:hover,
    .mobile-nav-right ul ul :hover > a,
    .mobile-nav-right a:focus {
        background: #B3B3B3;
        color: #000000;
    }

    .mobile-nav-right li:hover > a,
    .mobile-nav-right li:hover,
    .mobile-nav-right a:focus {
        background: #B3B3B3;
        color: #000000;
    }

    .mobile-nav-right ul li:hover > ul {
        display: block;
        position: static;
    }

    .main-menu .current-menu-item > a,
    .main-menu .current-menu-ancestor > a,
    .main-menu .current_page_item > a,
    .main-menu .current_page_ancestor > a {
    }

    /* Header -------------------- */
    .header-area {
        width: 320px !important;
    }

    .masthead {
        width: 320px !important;
        text-align: center;
    }

    h1.site-title {
        font-size: 55px !important;
    }

    h2.site-description {
        font-size: 24px !important;
    }

    .social-area {
        margin-left: 15px;
    }

    .giornalismo-social-link {
        width: 25px;
        min-width: 25px;
    }

    .giornalismo-social-link p {
        display: none !important;
    }

    .header-right {
        width: 320px !important;
        float: left !important;
        margin-top: 10px !important;
        margin-bottom: 10px !important;
        text-align: center;
    }

    .breaking-news-box {
        height: 100% !important;
    }

    .breaking-news-left {
        width: 100% !important;
        float: left;
        position: relative;
        height: 100% !important;
    }

    .breaking-news-right {
        width: 100% !important;
        float: left !important;
        position: relative !important;
        height: 100% !important;
        padding-bottom: 10px;
    }

    .todays-date {
        border-top: 1px solid #000000;
    }

    /* Wrap -------------------- */
    .wrap {
        width: 320px;
        margin: auto;
    }

    /* Sidebars -------------------- */
    .mobile-sidebar{
        display: block !important;
        float: left;
        position: relative;
        margin: auto;
        width: 310px;
    }

    .mobile-sidebar .right-sidebar {
        display: block;
        width: 100%;
        border-left: 0px;
    }

    .mobile-sidebar .left-sidebar {
        display: none;
        border-right: 0px;
    }

    .left-sidebar {
        display: none;
    }

    .right-sidebar {
        display: none;
    }

    /* Home -------------------- */
    .home-posts-area {
        width: 310px !important;
        margin: auto !important;
        padding-right: 0px !important;
    }

    .home-center {
        width: 310px !important;
        margin: auto !important;
    }

    /* Top Story -------------------- */
    .top-story {
        width: 310px !important;
        padding: 0px !important;
        margin: 0px !important;
    }

    .top-story .featured-photo {
        width: 310px !important;
        height: 186px !important;
    }

    /* Column One -------------------- */
    .column-one {
        width: 310px !important;
        padding: 0px !important;
        border: none !important;
    }

    .column-one .featured-photo {
        width: 310px !important;
        height: 186px !important;
    }

    /* Column Two -------------------- */
    .column-two {
        width: 310px !important;
        padding: 0px !important;
        border: none !important;
        float: left !important;
        position: relative !important;
    }

    .column-two .featured-photo {
        width: 310px !important;
        height: 186px !important;
    }

    /* Column Three -------------------- */
    .column-three {
        width: 310px !important;
        padding: 0px !important;
        border: none !important;
        float: left !important;
        position: relative !important;
    }

    .column-three .featured-photo {
        width: 310px !important;
        height: 186px !important;
    }

    /* Single Post -------------------- */
    .post-single {
        width: 310px !important;
        padding: 0px !important;
        margin: auto;
        float: none;
    }

    .post-single hr {
        display: none;
    }

    .post-single .featured-photo {
        width: 310px !important;
        height: 186px !important;
    }

    .post-single .story-lines {
        width: 100% !important;
        border-right: 0px !important;
    }

    .post-single .related-stories, .post-single .latest-category {
        height: auto !important;
    }

    .post-single .related-stories .story, .post-single .latest-category .story {
        width: 100% !important;
        margin: 0px !important;
    }

    .post-single .related-stories .photo, .post-single .latest-category .photo {
        width: 310px !important;
        height: 186px !important;
    }

    .post-single .author-bio .author-social {
        width: 35px;
        height: 35px;
    }

    /* Comments -------------------- */
    form#commentform textarea {
        width: 100%;
    } 

    /* Archive -------------------- */
    .index {
        width: 310px;
        float: none;
        position: relative;
        margin: auto;
        padding: 0px !important;
    }

    .index .photo-area {
        width: 100% !important;
    }

    .index .photo {
        width: 310px !important;
        height: 186px !important;
        margin: auto;
    }

    .index .headline, .index .headline a, .index .headline a:hover, .index .headline a:visited {
        font-size: 28px;
    }

    .index .label-head h5, .index .label-head h5 a, .index .label-head h5 a:hover, .index .label-head h5 a:hover {
        font-size: 16px;
        width: 100%;
        margin-bottom: 3px;
    }

    /* Author -------------------- */
    .index .author-bio .author-social {
        width: 35px;
        height: 35px;
    }

    /* Page ---------------------- */
    .page-single {
        width: 310px !important;
        margin: auto;
        float: none !important;
        padding: 0px !important;
    }

    /* Staff Page ---------------------- */
    .staff {
        width: 310px !important;
        margin: auto;
        float: none !important;
        padding: 0px !important;
    }

    /* 404 Page ---------------------- */
    .post-404 {
        width: 310px !important;
        margin: auto;
        float: none !important;
        padding: 0px !important;
    }

    /* Footer ---------------------- */
    .footer p {
        font-family: 'Lato', sans-serif;
        font-size: 14px;
        color: #000000;
    }
}

/*
II. Screen Width between 321 px and 340px---------------- */
@media only screen and (min-width: 321px) and (max-width: 340px) {
    /* Menus -------------------- */
    .top-menu, .main-menu {
        display: none !important;
    }

    .mobile-nav-area {
        display: block !important;
        width: 100%;
    }

    .mobile-nav-bar {
        width: 100%;
        height: 40px;
        background-color: #252525;
        text-align: center;
        padding: 3px 0px;
    }

    .mobile-nav-icon {
        text-align: left;
        width: 30px;
        float: left;
        position: relative;
        margin-top: 3px;
    }

    .mobile-nav-bar h5 {
        color: #ffffff;
        font-family: 'Lato', sans-serif;
        font-weight: 300;
        font-size: 28px;
        padding-bottom: 2px;
        margin: 0px;
    }

    .mobile-nav {
        width: 100%;
        background-color: #252525;
        height: auto;
    }

    .mobile-nav-left {
        width: 100%;
        float: left;
        position: relative;
        font-family: 'Oswald';
        font-size: 26px;
        background-color: #000000;
    }

    .mobile-nav-left ul {
        list-style: none;
        margin: 0 0 0 0px;
        padding-left: 0;
    }

    .mobile-nav-left li {
        display: block;
        width: 100%;
        padding: 5px -3px 5px 3px;
        background-color: #000000;
        margin-bottom: 4px
    }

    .mobile-nav-left li:last-child {
        margin-bottom: 0px;
    }

    .mobile-nav-left a {
        color: #ffffff;
        display: block;
        line-height: 39px;
        padding: 3px 12px;
        text-decoration: none;
    }

    .mobile-nav-left ul > li {
        margin-left: 0px;
    }

    .mobile-nav-left ul ul {
        display: none;
        position: absolute;
        width: 100%;
        background: #6C6C6C;
    }

    .mobile-nav-left ul ul li {
        background: #6C6C6C;
    }

    .mobile-nav-left ul ul ul {
        left: 100%;
        top: 0;
    }

    .mobile-nav-left ul ul a {
        background: #6C6C6C;
        color: #ffffff;
        height: auto;
        line-height: 39px;
        padding: 10px 10px;
        width: 100%;
        box-shadow: ;
    }

    .mobile-nav-left li:hover > a,
    .mobile-nav-left li:hover,
    .mobile-nav-left ul ul :hover > a,
    .mobile-nav-left a:focus {
        background: #252525;
        color: #ffffff;
    }

    .mobile-nav-left li:hover > a,
    .mobile-nav-left li:hover,
    .mobile-nav-left a:focus {
        background: #ffffff;
        color: #000000;
    }

    .mobile-nav-left ul li:hover > ul {
        display: block;
        position: static;
    }

    .mobile-nav-left .current-menu-item > a,
    .mobile-nav-left .current-menu-ancestor > a,
    .mobile-nav-left .current_page_item > a,
    .mobile-nav-left .current_page_ancestor > a {
    }

    .mobile-nav-right {
        width: 100%;
        float: left;
        position: relative;
    }

    .mobile-nav-right ul {
        list-style: none;
        margin: 0 0 0 0px;
        padding-left: 0;
    }

    .mobile-nav-right li {
        display: block;
        width: 100%;
        padding: 5px -3px 5px 3px;
        margin-bottom: 4px;
    }

    .mobile-nav-right li:last-child {
        margin-bottom: 0px;
    }

    .mobile-nav-right a {
        color: #ffffff;
        display: block;
        line-height: 41px;
        padding: 0 12px;
        padding-right: 0px;
        text-decoration: none;  
        font-family: 'Lato';
        font-size: 16px;
        font-weight: 300; 
    }

    .mobile-nav-right ul > li {
        margin-left: 0px;
    }

    .mobile-nav-right ul ul {
        display: none;
        float: left;
        position: absolute;
        background: #000000;
        width: 100%;
    }

    .mobile-nav-right ul ul li {
        background: #000000;
    }

    .mobile-nav-right ul ul ul {
        left: 100%;
        top: 0;
    }

    .mobile-nav-right ul ul a {
        background: #000000;
        color: #ffffff;
        font-size: 16px;
        font-weight: 300;
        height: auto;
        padding: 10px 10px;
        width: 100%;
    }

    .mobile-nav-right li:hover > a,
    .mobile-nav-right li:hover,
    .mobile-nav-right ul ul :hover > a,
    .mobile-nav-right a:focus {
        background: #B3B3B3;
        color: #000000;
    }

    .mobile-nav-right li:hover > a,
    .mobile-nav-right li:hover,
    .mobile-nav-right a:focus {
        background: #B3B3B3;
        color: #000000;
    }

    .mobile-nav-right ul li:hover > ul {
        display: block;
        position: static;
    }

    .main-menu .current-menu-item > a,
    .main-menu .current-menu-ancestor > a,
    .main-menu .current_page_item > a,
    .main-menu .current_page_ancestor > a {
    }

    /* Header -------------------- */
    .header-area {
        width: 320px !important;
    }

    .masthead {
        width: 320px !important;
        text-align: center;
    }

    h1.site-title {
        font-size: 55px !important;
    }

    h2.site-description {
        font-size: 24px !important;
    }

    .social-area {
        margin-left: 15px;
    }

    .giornalismo-social-link {
        width: 25px;
        min-width: 25px;
    }

    .giornalismo-social-link p {
        display: none !important;
    }

    .header-right {
        width: 320px !important;
        float: left !important;
        margin-top: 10px !important;
        margin-bottom: 10px !important;
        text-align: center;
    }

    .breaking-news-box {
        height: 100% !important;
    }

    .breaking-news-left {
        width: 100% !important;
        float: left;
        position: relative;
        height: 100% !important;
    }

    .breaking-news-right {
        width: 100% !important;
        float: left !important;
        position: relative !important;
        height: 100% !important;
        padding-bottom: 10px;
    }

    .todays-date {
        border-top: 1px solid #000000;
    }

    /* Wrap -------------------- */
    .wrap {
        width: 320px;
    }

    /* Sidebars -------------------- */
    .mobile-sidebar{
        display: block !important;
        float: left;
        position: relative;
        margin: auto;
        width: 310px;
    }

    .mobile-sidebar .right-sidebar {
        display: block !important;
        width: 100%;
        border-left: 0px;
    }

    .mobile-sidebar .left-sidebar {
        display: none !important;
        border-right: 0px;
    }

    .left-sidebar {
        display: none;
    }

    .right-sidebar {
        display: none;
    }

    /* Home -------------------- */
    .home-posts-area {
        width: 310px !important;
        margin: auto !important;
        padding-right: 0px !important;
    }

    .home-center {
        width: 310px !important;
        margin: auto !important;
    }

    /* Top Story -------------------- */
    .top-story {
        width: 310px !important;
        padding: 0px !important;
        margin: 0px !important;
    }

    .top-story .featured-photo {
        width: 310px !important;
        height: 186px !important;
    }

    /* Column One -------------------- */
    .column-one {
        width: 310px !important;
        padding: 0px !important;
        border: none !important;
    }

    .column-one .featured-photo {
        width: 310px !important;
        height: 186px !important;
    }

    /* Column Two -------------------- */
    .column-two {
        width: 310px !important;
        padding: 0px !important;
        border: none !important;
        float: left !important;
        position: relative !important;
    }

    .column-two .featured-photo {
        width: 310px !important;
        height: 186px !important;
    }

    /* Column Three -------------------- */
    .column-three {
        width: 310px !important;
        padding: 0px !important;
        border: none !important;
        float: left !important;
        position: relative !important;
    }

    .column-three .featured-photo {
        width: 310px !important;
        height: 186px !important;
    }

    /* Single Post -------------------- */
    .post-single {
        width: 310px !important;
        margin: auto;
        float: none;
        padding: 0px !important;
    }

    .post-single hr {
        display: none;
    }

    .post-single .featured-photo {
        width: 310px !important;
        height: 186px !important;
    }

    .post-single .story-lines {
        width: 100% !important;
        border-right: 0px !important;
    }

    .post-single .related-stories, .post-single .latest-category {
        height: auto !important;
    }

    .post-single .related-stories .story, .post-single .latest-category .story {
        width: 100% !important;
        margin: 0px !important;
    }

    .post-single .related-stories .photo, .post-single .latest-category .photo {
        width: 310px !important;
        height: 186px !important;
    }

    .post-single .author-bio .author-social {
        width: 35px;
        height: 35px;
    }

    /* Comments -------------------- */
    form#commentform textarea {
        width: 100%;
    } 

    /* Archive -------------------- */
    .index {
        width: 310px;
        float: none;
        position: relative;
        margin: auto;
        padding: 0px !important;
    }

    .index .photo-area {
        width: 100% !important;
    }

    .index .photo {
        width: 310px !important;
        height: 186px !important;
        margin: auto;
    }

    .index .headline, .index .headline a, .index .headline a:hover, .index .headline a:visited {
        font-size: 28px;
    }

    .index .label-head h5, .index .label-head h5 a, .index .label-head h5 a:hover, .index .label-head h5 a:hover {
        font-size: 16px;
        width: 100%;
        margin-bottom: 3px;
    }

    /* Author -------------------- */
    .index .author-bio .author-social {
        width: 35px;
        height: 35px;
    }

    /* Page ---------------------- */
    .page-single {
        width: 310px !important;
        margin: auto;
        float: none !important;
        padding: 0px !important;
    }

    /* Staff Page ---------------------- */
    .staff {
        width: 310px !important;
        margin: auto;
        float: none !important;
        padding: 0px !important;
    }

    /* 404 Page ---------------------- */
    .post-404 {
        width: 310px !important;
        margin: auto;
        float: none !important;
        padding: 0px !important;
    }

    /* Footer ---------------------- */
    .footer p {
        font-family: 'Lato', sans-serif;
        font-size: 14px;
        color: #000000;
    }
}

/*
III. Screen Width between 341 px and 360px---------------- */
@media only screen and (min-width: 341px) and (max-width: 360px) {
    /* Menus -------------------- */
    .top-menu, .main-menu {
        display: none !important;
    }

    .mobile-nav-area {
        display: block !important;
        width: 100%;
    }

    .mobile-nav-bar {
        width: 100%;
        height: 40px;
        background-color: #252525;
        text-align: center;
        padding: 3px 0px;
    }

    .mobile-nav-icon {
        text-align: left;
        width: 30px;
        float: left;
        position: relative;
        margin-top: 3px;
    }

    .mobile-nav-bar h5 {
        color: #ffffff;
        font-family: 'Lato', sans-serif;
        font-weight: 300;
        font-size: 28px;
        padding-bottom: 2px;
        margin: 0px;
    }

    .mobile-nav {
        width: 100%;
        background-color: #252525;
        height: auto;
    }

    .mobile-nav-left {
        width: 100%;
        float: left;
        position: relative;
        font-family: 'Oswald';
        font-size: 26px;
        background-color: #000000;
    }

    .mobile-nav-left ul {
        list-style: none;
        margin: 0 0 0 0px;
        padding-left: 0;
    }

    .mobile-nav-left li {
        display: block;
        width: 100%;
        padding: 5px -3px 5px 3px;
        background-color: #000000;
        margin-bottom: 4px
    }

    .mobile-nav-left li:last-child {
        margin-bottom: 0px;
    }

    .mobile-nav-left a {
        color: #ffffff;
        display: block;
        line-height: 39px;
        padding: 3px 12px;
        text-decoration: none;
    }

    .mobile-nav-left ul > li {
        margin-left: 0px;
    }

    .mobile-nav-left ul ul {
        display: none;
        position: absolute;
        width: 100%;
        background: #6C6C6C;
    }

    .mobile-nav-left ul ul li {
        background: #6C6C6C;
    }

    .mobile-nav-left ul ul ul {
        left: 100%;
        top: 0;
    }

    .mobile-nav-left ul ul a {
        background: #6C6C6C;
        color: #ffffff;
        height: auto;
        line-height: 39px;
        padding: 10px 10px;
        width: 100%;
        box-shadow: ;
    }

    .mobile-nav-left li:hover > a,
    .mobile-nav-left li:hover,
    .mobile-nav-left ul ul :hover > a,
    .mobile-nav-left a:focus {
        background: #252525;
        color: #ffffff;
    }

    .mobile-nav-left li:hover > a,
    .mobile-nav-left li:hover,
    .mobile-nav-left a:focus {
        background: #ffffff;
        color: #000000;
    }

    .mobile-nav-left ul li:hover > ul {
        display: block;
        position: static;
    }

    .mobile-nav-left .current-menu-item > a,
    .mobile-nav-left .current-menu-ancestor > a,
    .mobile-nav-left .current_page_item > a,
    .mobile-nav-left .current_page_ancestor > a {
    }

    .mobile-nav-right {
        width: 100%;
        float: left;
        position: relative;
    }

    .mobile-nav-right ul {
        list-style: none;
        margin: 0 0 0 0px;
        padding-left: 0;
    }

    .mobile-nav-right li {
        display: block;
        width: 100%;
        padding: 5px -3px 5px 3px;
        margin-bottom: 4px;
    }

    .mobile-nav-right li:last-child {
        margin-bottom: 0px;
    }

    .mobile-nav-right a {
        color: #ffffff;
        display: block;
        line-height: 41px;
        padding: 0 12px;
        padding-right: 0px;
        text-decoration: none;  
        font-family: 'Lato';
        font-size: 16px;
        font-weight: 300; 
    }

    .mobile-nav-right ul > li {
        margin-left: 0px;
    }

    .mobile-nav-right ul ul {
        display: none;
        float: left;
        position: absolute;
        background: #000000;
        width: 100%;
    }

    .mobile-nav-right ul ul li {
        background: #000000;
    }

    .mobile-nav-right ul ul ul {
        left: 100%;
        top: 0;
    }

    .mobile-nav-right ul ul a {
        background: #000000;
        color: #ffffff;
        font-size: 16px;
        font-weight: 300;
        height: auto;
        padding: 10px 10px;
        width: 100%;
    }

    .mobile-nav-right li:hover > a,
    .mobile-nav-right li:hover,
    .mobile-nav-right ul ul :hover > a,
    .mobile-nav-right a:focus {
        background: #B3B3B3;
        color: #000000;
    }

    .mobile-nav-right li:hover > a,
    .mobile-nav-right li:hover,
    .mobile-nav-right a:focus {
        background: #B3B3B3;
        color: #000000;
    }

    .mobile-nav-right ul li:hover > ul {
        display: block;
        position: static;
    }

    .main-menu .current-menu-item > a,
    .main-menu .current-menu-ancestor > a,
    .main-menu .current_page_item > a,
    .main-menu .current_page_ancestor > a {
    }

    /* Header -------------------- */
    .header-area {
        width: 340px !important;
    }

    .masthead {
        width: 340px !important;
        text-align: center;
    }

    h1.site-title {
        font-size: 55px !important;
    }

    h2.site-description {
        font-size: 24px !important;
    }

    .social-area {
        margin-left: 15px;
    }

    .giornalismo-social-link {
        width: 25px;
        min-width: 25px;
    }

    .giornalismo-social-link p {
        display: none !important;
    }

    .header-right {
        width: 340px !important;
        float: left !important;
        margin-top: 10px !important;
        margin-bottom: 10px !important;
        text-align: center;
    }

    .breaking-news-box {
        height: 100% !important;
    }

    .breaking-news-left {
        width: 100% !important;
        float: left;
        position: relative;
        height: 100% !important;
    }

    .breaking-news-right {
        width: 100% !important;
        float: left !important;
        position: relative !important;
        height: 100% !important;
        padding-bottom: 10px;
    }

    .todays-date {
        border-top: 1px solid #000000;
    }

    /* Wrap -------------------- */
    .wrap {
        width: 340px;
    }

    /* Sidebars -------------------- */
    .mobile-sidebar{
        display: block !important;
        float: left;
        position: relative;
        margin: auto;
        width: 330px;
    }

    .mobile-sidebar .right-sidebar {
        display: block !important;
        width: 100%;
        border-left: 0px;
    }

    .mobile-sidebar .left-sidebar {
        display: none !important;
        border-right: 0px;
    }

    .left-sidebar {
        display: none;
    }

    .right-sidebar {
        display: none;
    }

    /* Home -------------------- */
    .home-posts-area {
        width: 330px !important;
        margin: auto !important;
        padding-right: 0px !important;
    }

    .home-center {
        width: 330px !important;
        margin: auto !important;
    }

    /* Top Story -------------------- */
    .top-story {
        width: 330px !important;
        padding: 0px !important;
        margin: 0px !important;
    }

    .top-story .featured-photo {
        width: 330px !important;
        height: 198px !important;
    }

    /* Column One -------------------- */
    .column-one {
        width: 390px !important;
        padding: 0px !important;
        border: none !important;
    }

    .column-one .featured-photo {
        width: 390px !important;
        height: 198px !important;
    }

    /* Column Two -------------------- */
    .column-two {
        width: 330px !important;
        padding: 0px !important;
        border: none !important;
        float: left !important;
        position: relative !important;
    }

    .column-two .featured-photo {
        width: 330px !important;
        height: 198px !important;
    }

    /* Column Three -------------------- */
    .column-three {
        width: 330px !important;
        padding: 0px !important;
        border: none !important;
        float: left !important;
        position: relative !important;
    }

    .column-three .featured-photo {
        width: 330px !important;
        height: 198px !important;
    }

    /* Single Post -------------------- */
    .post-single {
        width: 330px !important;
        margin: auto;
        float: none;
        padding: 0px !important;
    }

    .post-single hr {
        display: none;
    }

    .post-single .featured-photo {
        width: 330px !important;
        height: 186px !important;
    }

    .post-single .story-lines {
        width: 100% !important;
        border-right: 0px !important;
    }

    .post-single .related-stories, .post-single .latest-category {
        height: auto !important;
    }

    .post-single .related-stories .story, .post-single .latest-category .story {
        width: 100% !important;
        margin: 0px !important;
    }

    .post-single .related-stories .photo, .post-single .latest-category .photo {
        width: 330px !important;
        height: 198px !important;
    }

    .post-single .author-bio .author-social {
        width: 35px;
        height: 35px;
    }

    /* Comments -------------------- */
    form#commentform textarea {
        width: 100%;
    } 

    /* Archive -------------------- */
    .index {
        width: 330px;
        float: none;
        position: relative;
        margin: auto;
        padding: 0px !important;
    }

    .index .photo-area {
        width: 100% !important;
    }

    .index .photo {
        width: 330px !important;
        height: 198px !important;
        margin: auto;
    }

    .index .headline, .index .headline a, .index .headline a:hover, .index .headline a:visited {
        font-size: 28px;
    }

    .index .label-head h5, .index .label-head h5 a, .index .label-head h5 a:hover, .index .label-head h5 a:hover {
        font-size: 16px;
        width: 100%;
        margin-bottom: 3px;
    }

    /* Author -------------------- */
    .index .author-bio .author-social {
        width: 35px;
        height: 35px;
    }

    /* Page ---------------------- */
    .page-single {
        width: 330px !important;
        margin: auto;
        float: none !important;
        padding: 0px !important;
    }

    /* Staff Page ---------------------- */
    .staff {
        width: 330px !important;
        margin: auto;
        float: none !important;
        padding: 0px !important;
    }

    /* 404 Page ---------------------- */
    .post-404 {
        width: 330px !important;
        margin: auto;
        float: none !important;
        padding: 0px !important;
    }

    /* Footer ---------------------- */
    .footer p {
        font-family: 'Lato', sans-serif;
        font-size: 14px;
        color: #000000;
    }
}

/*
IV. Screen Width between 361 px and 380px---------------- */
@media only screen and (min-width: 361px) and (max-width: 380px) {
    /* Menus -------------------- */
    .top-menu, .main-menu {
        display: none !important;
    }

    .mobile-nav-area {
        display: block !important;
        width: 100%;
    }

    .mobile-nav-bar {
        width: 100%;
        height: 40px;
        background-color: #252525;
        text-align: center;
        padding: 3px 0px;
    }

    .mobile-nav-icon {
        text-align: left;
        width: 30px;
        float: left;
        position: relative;
        margin-top: 3px;
    }

    .mobile-nav-bar h5 {
        color: #ffffff;
        font-family: 'Lato', sans-serif;
        font-weight: 300;
        font-size: 28px;
        padding-bottom: 2px;
        margin: 0px;
    }

    .mobile-nav {
        width: 100%;
        background-color: #252525;
        height: auto;
    }

    .mobile-nav-left {
        width: 100%;
        float: left;
        position: relative;
        font-family: 'Oswald';
        font-size: 26px;
        background-color: #000000;
    }

    .mobile-nav-left ul {
        list-style: none;
        margin: 0 0 0 0px;
        padding-left: 0;
    }

    .mobile-nav-left li {
        display: block;
        width: 100%;
        padding: 5px -3px 5px 3px;
        background-color: #000000;
        margin-bottom: 4px
    }

    .mobile-nav-left li:last-child {
        margin-bottom: 0px;
    }

    .mobile-nav-left a {
        color: #ffffff;
        display: block;
        line-height: 39px;
        padding: 3px 12px;
        text-decoration: none;
    }

    .mobile-nav-left ul > li {
        margin-left: 0px;
    }

    .mobile-nav-left ul ul {
        display: none;
        position: absolute;
        width: 100%;
        background: #6C6C6C;
    }

    .mobile-nav-left ul ul li {
        background: #6C6C6C;
    }

    .mobile-nav-left ul ul ul {
        left: 100%;
        top: 0;
    }

    .mobile-nav-left ul ul a {
        background: #6C6C6C;
        color: #ffffff;
        height: auto;
        line-height: 39px;
        padding: 10px 10px;
        width: 100%;
        box-shadow: ;
    }

    .mobile-nav-left li:hover > a,
    .mobile-nav-left li:hover,
    .mobile-nav-left ul ul :hover > a,
    .mobile-nav-left a:focus {
        background: #252525;
        color: #ffffff;
    }

    .mobile-nav-left li:hover > a,
    .mobile-nav-left li:hover,
    .mobile-nav-left a:focus {
        background: #ffffff;
        color: #000000;
    }

    .mobile-nav-left ul li:hover > ul {
        display: block;
        position: static;
    }

    .mobile-nav-left .current-menu-item > a,
    .mobile-nav-left .current-menu-ancestor > a,
    .mobile-nav-left .current_page_item > a,
    .mobile-nav-left .current_page_ancestor > a {
    }

    .mobile-nav-right {
        width: 100%;
        float: left;
        position: relative;
    }

    .mobile-nav-right ul {
        list-style: none;
        margin: 0 0 0 0px;
        padding-left: 0;
    }

    .mobile-nav-right li {
        display: block;
        width: 100%;
        padding: 5px -3px 5px 3px;
        margin-bottom: 4px;
    }

    .mobile-nav-right li:last-child {
        margin-bottom: 0px;
    }

    .mobile-nav-right a {
        color: #ffffff;
        display: block;
        line-height: 41px;
        padding: 0 12px;
        padding-right: 0px;
        text-decoration: none;  
        font-family: 'Lato';
        font-size: 16px;
        font-weight: 300; 
    }

    .mobile-nav-right ul > li {
        margin-left: 0px;
    }

    .mobile-nav-right ul ul {
        display: none;
        float: left;
        position: absolute;
        background: #000000;
        width: 100%;
    }

    .mobile-nav-right ul ul li {
        background: #000000;
    }

    .mobile-nav-right ul ul ul {
        left: 100%;
        top: 0;
    }

    .mobile-nav-right ul ul a {
        background: #000000;
        color: #ffffff;
        font-size: 16px;
        font-weight: 300;
        height: auto;
        padding: 10px 10px;
        width: 100%;
    }

    .mobile-nav-right li:hover > a,
    .mobile-nav-right li:hover,
    .mobile-nav-right ul ul :hover > a,
    .mobile-nav-right a:focus {
        background: #B3B3B3;
        color: #000000;
    }

    .mobile-nav-right li:hover > a,
    .mobile-nav-right li:hover,
    .mobile-nav-right a:focus {
        background: #B3B3B3;
        color: #000000;
    }

    .mobile-nav-right ul li:hover > ul {
        display: block;
        position: static;
    }

    .main-menu .current-menu-item > a,
    .main-menu .current-menu-ancestor > a,
    .main-menu .current_page_item > a,
    .main-menu .current_page_ancestor > a {
    }

    /* Header -------------------- */
    .header-area {
        width: 360px !important;
    }

    .masthead {
        width: 360px !important;
        text-align: center;
    }

    h1.site-title {
        font-size: 55px !important;
    }

    h2.site-description {
        font-size: 24px !important;
    }

    .social-area {
        margin-left: 15px;
    }

    .giornalismo-social-link {
        width: 25px;
        min-width: 25px;
    }

    .giornalismo-social-link p {
        display: none !important;
    }

    .header-right {
        width: 360px !important;
        float: left !important;
        margin-top: 10px !important;
        margin-bottom: 10px !important;
        text-align: center;
    }

    .breaking-news-box {
        height: 100% !important;
    }

    .breaking-news-left {
        width: 100% !important;
        float: left;
        position: relative;
        height: 100% !important;
    }

    .breaking-news-right {
        width: 100% !important;
        float: left !important;
        position: relative !important;
        height: 100% !important;
        padding-bottom: 10px;
    }

    .todays-date {
        border-top: 1px solid #000000;
    }

    /* Wrap -------------------- */
    .wrap {
        width: 360px;
    }

    /* Sidebars -------------------- */
    .mobile-sidebar{
        display: block !important;
        float: left;
        position: relative;
        margin: auto;
        width: 350px;
    }

    .mobile-sidebar .right-sidebar {
        display: block !important;
        width: 100%;
    }

    .mobile-sidebar .left-sidebar {
        display: none !important;
    }

    .left-sidebar {
        display: none;
    }

    .right-sidebar {
        display: none;
    }

    /* Home -------------------- */
    .home-posts-area {
        width: 350px !important;
        margin: auto !important;
        padding-right: 0px !important;
    }

    .home-center {
        width: 350px !important;
        margin: auto !important;
    }

    /* Top Story -------------------- */
    .top-story {
        width: 350px !important;
        padding: 0px !important;
        margin: 0px !important;
    }

    .top-story .featured-photo {
        width: 350px !important;
        height: 210px !important;
    }

    /* Column One -------------------- */
    .column-one {
        width: 350px !important;
        padding: 0px !important;
        border: none !important;
    }

    .column-one .featured-photo {
        width: 350px !important;
        height: 210px !important;
    }

    /* Column Two -------------------- */
    .column-two {
        width: 350px !important;
        padding: 0px !important;
        border: none !important;
        float: left !important;
        position: relative !important;
    }

    .column-two .featured-photo {
        width: 350px !important;
        height: 210px !important;
    }

    /* Column Three -------------------- */
    .column-three {
        width: 350px !important;
        padding: 0px !important;
        border: none !important;
        float: left !important;
        position: relative !important;
    }

    .column-three .featured-photo {
        width: 350px !important;
        height: 210px !important;
    }

    /* Single Post -------------------- */
    .post-single {
        width: 350px !important;
        margin: auto;
        float: none;
        padding: 0px !important;
    }

    .post-single hr {
        display: none;
    }

    .post-single .featured-photo {
        width: 350px !important;
        height: 210px !important;
    }

    .post-single .story-lines {
        width: 100% !important;
        border-right: 0px !important;
    }

    .post-single .related-stories, .post-single .latest-category {
        height: auto !important;
    }

    .post-single .related-stories .story, .post-single .latest-category .story {
        width: 100% !important;
        margin: 0px !important;
    }

    .post-single .related-stories .photo, .post-single .latest-category .photo {
        width: 350px !important;
        height: 210px !important;
    }

    .post-single .author-bio .author-social {
        width: 35px;
        height: 35px;
    }

    /* Comments -------------------- */
    form#commentform textarea {
        width: 100%;
    } 

    /* Archive -------------------- */
    .index {
        width: 350px;
        float: none;
        position: relative;
        margin: auto;
        padding: 0px !important;
    }

    .index .photo-area {
        width: 100% !important;
    }

    .index .photo {
        width: 350px !important;
        height: 210px !important;
        margin: auto;
    }

    .index .headline, .index .headline a, .index .headline a:hover, .index .headline a:visited {
        font-size: 28px;
    }

    .index .label-head h5, .index .label-head h5 a, .index .label-head h5 a:hover, .index .label-head h5 a:hover {
        font-size: 16px;
        width: 100%;
        margin-bottom: 3px;
    }

    /* Author -------------------- */
    .index .author-bio .author-social {
        width: 35px;
        height: 35px;
    }

    /* Page ---------------------- */
    .page-single {
        width: 350px !important;
        margin: auto;
        float: none !important;
        padding: 0px !important;
    }

    /* Staff Page ---------------------- */
    .staff {
        width: 350px !important;
        margin: auto;
        float: none !important;
        padding: 0px !important;
    }

    /* 404 Page ---------------------- */
    .post-404 {
        width: 350px !important;
        margin: auto;
        float: none !important;
        padding: 0px !important;
    }

    /* Footer ---------------------- */
    .footer p {
        font-family: 'Lato', sans-serif;
        font-size: 14px;
        color: #000000;
    }
}

/*
V. Screen Width between 381 px and 400px---------------- */
@media only screen and (min-width: 381px) and (max-width: 400px) {
    /* Menus -------------------- */
	.top-menu, .main-menu {
    	display: none !important;
	}

	.mobile-nav-area {
    	display: block !important;
    	width: 100%;
	}

	.mobile-nav-bar {
    	width: 100%;
    	height: 40px;
    	background-color: #252525;
    	text-align: center;
        padding: 3px 0px;
	}

	.mobile-nav-icon {
    	text-align: left;
    	width: 30px;
    	float: left;
    	position: relative;
        margin-top: 3px;
	}

	.mobile-nav-bar h5 {
    	color: #ffffff;
    	font-family: 'Lato', sans-serif;
    	font-weight: 300;
    	font-size: 28px;
    	padding-bottom: 2px;
        margin: 0px;
	}

	.mobile-nav {
    	width: 100%;
    	background-color: #252525;
    	height: auto;
	}

	.mobile-nav-left {
    	width: 100%;
    	float: left;
    	position: relative;
    	font-family: 'Oswald';
    	font-size: 26px;
        background-color: #000000;
	}

	.mobile-nav-left ul {
    	list-style: none;
    	margin: 0 0 0 0px;
    	padding-left: 0;
	}

	.mobile-nav-left li {
    	display: block;
    	width: 100%;
    	padding: 5px -3px 5px 3px;
    	background-color: #000000;
    	margin-bottom: 4px
	}

    .mobile-nav-left li:last-child {
        margin-bottom: 0px;
    }

	.mobile-nav-left a {
    	color: #ffffff;
    	display: block;
    	line-height: 39px;
    	padding: 3px 12px;
    	text-decoration: none;
	}

	.mobile-nav-left ul > li {
    	margin-left: 0px;
	}

	.mobile-nav-left ul ul {
    	display: none;
    	position: absolute;
    	width: 100%;
    	background: #6C6C6C;
	}

	.mobile-nav-left ul ul li {
    	background: #6C6C6C;
	}

	.mobile-nav-left ul ul ul {
    	left: 100%;
     	top: 0;
	}

	.mobile-nav-left ul ul a {
    	background: #6C6C6C;
     	color: #ffffff;
    	height: auto;
    	line-height: 39px;
     	padding: 10px 10px;
     	width: 100%;
     	box-shadow: ;
	}

	.mobile-nav-left li:hover > a,
    .mobile-nav-left li:hover,
	.mobile-nav-left ul ul :hover > a,
	.mobile-nav-left a:focus {
	    background: #252525;
     	color: #ffffff;
	}

	.mobile-nav-left li:hover > a,
    .mobile-nav-left li:hover,
	.mobile-nav-left a:focus {
     	background: #ffffff;
     	color: #000000;
	}

	.mobile-nav-left ul li:hover > ul {
     	display: block;
     	position: static;
	}

	.mobile-nav-left .current-menu-item > a,
	.mobile-nav-left .current-menu-ancestor > a,
	.mobile-nav-left .current_page_item > a,
	.mobile-nav-left .current_page_ancestor > a {
	}

	.mobile-nav-right {
     	width: 100%;
     	float: left;
     	position: relative;
	}

	.mobile-nav-right ul {
     	list-style: none;
     	margin: 0 0 0 0px;
     	padding-left: 0;
	}

	.mobile-nav-right li {
     	display: block;
     	width: 100%;
     	padding: 5px -3px 5px 3px;
     	margin-bottom: 4px;
	}

    .mobile-nav-right li:last-child {
        margin-bottom: 0px;
    }

	.mobile-nav-right a {
     	color: #ffffff;
     	display: block;
     	line-height: 41px;
     	padding: 0 12px;
        padding-right: 0px;
     	text-decoration: none;  
        font-family: 'Lato';
        font-size: 16px;
        font-weight: 300; 
	}

	.mobile-nav-right ul > li {
     	margin-left: 0px;
	}

	.mobile-nav-right ul ul {
     	display: none;
     	float: left;
     	position: absolute;
     	background: #000000;
     	width: 100%;
	}

	.mobile-nav-right ul ul li {
     	background: #000000;
	}

	.mobile-nav-right ul ul ul {
     	left: 100%;
     	top: 0;
	}

	.mobile-nav-right ul ul a {
     	background: #000000;
     	color: #ffffff;
     	font-size: 16px;
     	font-weight: 300;
     	height: auto;
     	padding: 10px 10px;
     	width: 100%;
	}

	.mobile-nav-right li:hover > a,
    .mobile-nav-right li:hover,
	.mobile-nav-right ul ul :hover > a,
	.mobile-nav-right a:focus {
     	background: #B3B3B3;
     	color: #000000;
	}

	.mobile-nav-right li:hover > a,
    .mobile-nav-right li:hover,
	.mobile-nav-right a:focus {
     	background: #B3B3B3;
     	color: #000000;
	}

	.mobile-nav-right ul li:hover > ul {
     	display: block;
     	position: static;
	}

	.main-menu .current-menu-item > a,
	.main-menu .current-menu-ancestor > a,
	.main-menu .current_page_item > a,
	.main-menu .current_page_ancestor > a {
	}

	/* Header -------------------- */
	.header-area {
     	width: 380px !important;
	}

	.masthead {
     	width: 380px !important;
     	text-align: center;
	}

	h1.site-title {
     	font-size: 55px !important;
	}

	h2.site-description {
     	font-size: 24px !important;
	}

	.social-area {
     	margin-left: 15px;
        width: 90%;
	}

	.giornalismo-social-link {
     	width: 25px;
     	min-width: 25px;
	}

	.giornalismo-social-link p {
     	display: none !important;
	}

	.header-right {
     	width: 380px !important;
     	float: left !important;
     	margin-top: 10px !important;
     	margin-bottom: 10px !important;
     	text-align: center;
	}

	.breaking-news-box {
     	height: 100% !important;
	}

	.breaking-news-left {
     	width: 100% !important;
     	float: left;
     	position: relative;
     	height: 100% !important;
	}

	.breaking-news-right {
     	width: 100% !important;
     	float: left !important;
     	position: relative !important;
     	height: 100% !important;
     	padding-bottom: 10px;
	}

	.todays-date {
     	border-top: 1px solid #000000;
	}

	/* Wrap -------------------- */
	.wrap {
     	width: 380px;
	}

	/* Sidebars -------------------- */
	.mobile-sidebar{
     	display: block !important;
     	float: left;
     	position: relative;
     	margin: auto;
     	width: 370px;
	}

	.mobile-sidebar .right-sidebar {
     	display: block !important;
     	width: 100%;
        border-left: 0px;
	}

	.mobile-sidebar .left-sidebar {
     	display: none !important;
        border-right: 0px;
	}

    .left-sidebar {
        display: none;
    }

    .right-sidebar {
        display: none;
    }

	/* Home -------------------- */
	.home-posts-area {
     	width: 370px !important;
     	margin: auto !important;
     	padding-right: 0px !important;
	}

	.home-center {
     	width: 370px !important;
     	margin: auto !important;
	}

	/* Top Story -------------------- */
	.top-story {
     	width: 370px !important;
     	padding: 0px !important;
        margin: 0px !important;
	}

	.top-story .featured-photo {
     	width: 370px !important;
     	height: 222px !important;
	}

	/* Column One -------------------- */
	.column-one {
     	width: 370px !important;
     	padding: 0px !important;
     	border: none !important;
	}

	.column-one .featured-photo {
    	width: 370px !important;
     	height: 222px !important;
	}

	/* Column Two -------------------- */
	.column-two {
     	width: 370px !important;
    	padding: 0px !important;
     	border: none !important;
     	float: left !important;
     	position: relative !important;
	}

	.column-two .featured-photo {
     	width: 370px !important;
     	height: 222px !important;
	}

	/* Column Three -------------------- */
	.column-three {
     	width: 370px !important;
     	padding: 0px !important;
     	border: none !important;
     	float: left !important;
     	position: relative !important;
	}

	.column-three .featured-photo {
     	width: 370px !important;
     	height: 222px !important;
	}

    /* Single Post -------------------- */
    .post-single {
        width: 370px !important;
        margin: auto;
        float: none;
        padding: 0px !important;
    }

    .post-single hr {
        display: none;
    }

    .post-single .featured-photo {
        width: 370px !important;
        height: 222px !important;
    }

    .post-single .story-lines {
        width: 100% !important;
        border-right: 0px !important;
    }

    .post-single .related-stories, .post-single .latest-category {
        height: auto !important;
    }

    .post-single .related-stories .story, .post-single .latest-category .story {
        width: 100% !important;
        margin: 0px !important;
    }

    .post-single .related-stories .photo, .post-single .latest-category .photo {
        width: 370px !important;
        height: 222px !important;
    }

    .post-single .author-bio .author-social {
        width: 35px;
        height: 35px;
    }

    /* Comments -------------------- */
    form#commentform textarea {
        width: 100%;
    } 

    /* Archive -------------------- */
    .index {
        width: 370px;
        float: none;
        position: relative;
        margin: auto;
        padding: 0px !important;
    }

    .index .photo-area {
        width: 100% !important;
    }

    .index .photo {
        width: 370px !important;
        height: 222px !important;
        margin: auto;
    }

    .index .headline, .index .headline a, .index .headline a:hover, .index .headline a:visited {
        font-size: 28px;
    }

    .index .label-head h5, .index .label-head h5 a, .index .label-head h5 a:hover, .index .label-head h5 a:hover {
        font-size: 16px;
        width: 100%;
        margin-bottom: 3px;
    }

    /* Author -------------------- */
    .index .author-bio .author-social {
        width: 35px;
        height: 35px;
    }

    /* Page ---------------------- */
    .page-single {
        width: 370px !important;
        margin: auto;
        float: none !important;
        padding: 0px !important;
    }

    /* Staff Page ---------------------- */
    .staff {
        width: 370px !important;
        margin: auto;
        float: none !important;
        padding: 0px !important;
    }

    /* 404 Page ---------------------- */
    .post-404 {
        width: 370px !important;
        margin: auto;
        float: none !important;
        padding: 0px !important;
    }

    /* Footer ---------------------- */
    .footer p {
        font-family: 'Lato', sans-serif;
        font-size: 14px;
        color: #000000;
    }
}

/*
VI. Screen Width between 401 px and 420px---------------- */
@media only screen and (min-width: 401px) and (max-width: 420px) {
    /* Menus -------------------- */
    .top-menu, .main-menu {
        display: none !important;
    }

    .mobile-nav-area {
        display: block !important;
        width: 100%;
    }

    .mobile-nav-bar {
        width: 100%;
        height: 40px;
        background-color: #252525;
        text-align: center;
        padding: 3px 0px;
    }

    .mobile-nav-icon {
        text-align: left;
        width: 30px;
        float: left;
        position: relative;
        margin-top: 3px;
    }

    .mobile-nav-bar h5 {
        color: #ffffff;
        font-family: 'Lato', sans-serif;
        font-weight: 300;
        font-size: 28px;
        padding-bottom: 2px;
        margin: 0px;
    }

    .mobile-nav {
        width: 100%;
        background-color: #252525;
        height: auto;
    }

    .mobile-nav-left {
        width: 100%;
        float: left;
        position: relative;
        font-family: 'Oswald';
        font-size: 26px;
        background-color: #000000;
    }

    .mobile-nav-left ul {
        list-style: none;
        margin: 0 0 0 0px;
        padding-left: 0;
    }

    .mobile-nav-left li {
        display: block;
        width: 100%;
        padding: 5px -3px 5px 3px;
        background-color: #000000;
        margin-bottom: 4px
    }

    .mobile-nav-left li:last-child {
        margin-bottom: 0px;
    }

    .mobile-nav-left a {
        color: #ffffff;
        display: block;
        line-height: 39px;
        padding: 3px 12px;
        text-decoration: none;
    }

    .mobile-nav-left ul > li {
        margin-left: 0px;
    }

    .mobile-nav-left ul ul {
        display: none;
        position: absolute;
        width: 100%;
        background: #6C6C6C;
    }

    .mobile-nav-left ul ul li {
        background: #6C6C6C;
    }

    .mobile-nav-left ul ul ul {
        left: 100%;
        top: 0;
    }

    .mobile-nav-left ul ul a {
        background: #6C6C6C;
        color: #ffffff;
        height: auto;
        line-height: 39px;
        padding: 10px 10px;
        width: 100%;
        box-shadow: ;
    }

    .mobile-nav-left li:hover > a,
    .mobile-nav-left li:hover,
    .mobile-nav-left ul ul :hover > a,
    .mobile-nav-left a:focus {
        background: #252525;
        color: #ffffff;
    }

    .mobile-nav-left li:hover > a,
    .mobile-nav-left li:hover,
    .mobile-nav-left a:focus {
        background: #ffffff;
        color: #000000;
    }

    .mobile-nav-left ul li:hover > ul {
        display: block;
        position: static;
    }

    .mobile-nav-left .current-menu-item > a,
    .mobile-nav-left .current-menu-ancestor > a,
    .mobile-nav-left .current_page_item > a,
    .mobile-nav-left .current_page_ancestor > a {
    }

    .mobile-nav-right {
        width: 100%;
        float: left;
        position: relative;
    }

    .mobile-nav-right ul {
        list-style: none;
        margin: 0 0 0 0px;
        padding-left: 0;
    }

    .mobile-nav-right li {
        display: block;
        width: 100%;
        padding: 5px -3px 5px 3px;
        margin-bottom: 4px;
    }

    .mobile-nav-right li:last-child {
        margin-bottom: 0px;
    }

    .mobile-nav-right a {
        color: #ffffff;
        display: block;
        line-height: 41px;
        padding: 0 12px;
        padding-right: 0px;
        text-decoration: none;  
        font-family: 'Lato';
        font-size: 16px;
        font-weight: 300; 
    }

    .mobile-nav-right ul > li {
        margin-left: 0px;
    }

    .mobile-nav-right ul ul {
        display: none;
        float: left;
        position: absolute;
        background: #000000;
        width: 100%;
    }

    .mobile-nav-right ul ul li {
        background: #000000;
    }

    .mobile-nav-right ul ul ul {
        left: 100%;
        top: 0;
    }

    .mobile-nav-right ul ul a {
        background: #000000;
        color: #ffffff;
        font-size: 16px;
        font-weight: 300;
        height: auto;
        padding: 10px 10px;
        width: 100%;
    }

    .mobile-nav-right li:hover > a,
    .mobile-nav-right li:hover,
    .mobile-nav-right ul ul :hover > a,
    .mobile-nav-right a:focus {
        background: #B3B3B3;
        color: #000000;
    }

    .mobile-nav-right li:hover > a,
    .mobile-nav-right li:hover,
    .mobile-nav-right a:focus {
        background: #B3B3B3;
        color: #000000;
    }

    .mobile-nav-right ul li:hover > ul {
        display: block;
        position: static;
    }

    .main-menu .current-menu-item > a,
    .main-menu .current-menu-ancestor > a,
    .main-menu .current_page_item > a,
    .main-menu .current_page_ancestor > a {
    }

    /* Header -------------------- */
    .header-area {
        width: 400px !important;
    }

    .masthead {
        width: 400px !important;
        text-align: center;
    }

    h1.site-title {
        font-size: 55px !important;
    }

    h2.site-description {
        font-size: 24px !important;
    }

    .social-area {
        margin-left: 15px;
    }

    .giornalismo-social-link {
        width: 25px;
        min-width: 25px;
    }

    .giornalismo-social-link p {
        display: none !important;
    }

    .header-right {
        width: 400px !important;
        float: left !important;
        margin-top: 10px !important;
        margin-bottom: 10px !important;
        text-align: center;
    }

    .breaking-news-box {
        height: 100% !important;
    }

    .breaking-news-left {
        width: 100% !important;
        float: left;
        position: relative;
        height: 100% !important;
    }

    .breaking-news-right {
        width: 100% !important;
        float: left !important;
        position: relative !important;
        height: 100% !important;
        padding-bottom: 10px;
    }

    .todays-date {
        border-top: 1px solid #000000;
    }

    /* Wrap -------------------- */
    .wrap {
        width: 400px;
    }

    /* Sidebars -------------------- */
    .mobile-sidebar{
        display: block !important;
        float: left;
        position: relative;
        margin: auto;
        width: 390px;
    }

    .mobile-sidebar .right-sidebar {
        display: block !important;
        width: 100%;
        border-left: 0px;
    }

    .mobile-sidebar .left-sidebar {
        display: none !important;
        border-right: 0px;
    }

    .left-sidebar {
        display: none;
    }

    .right-sidebar {
        display: none;
    }

    /* Home -------------------- */
    .home-posts-area {
        width: 390px !important;
        margin: auto !important;
        padding-right: 0px !important;
    }

    .home-center {
        width: 390px !important;
        margin: auto !important;
    }

    /* Top Story -------------------- */
    .top-story {
        width: 390px !important;
        padding: 0px !important;
        margin: 0px !important;
    }

    .top-story .featured-photo {
        width: 390px !important;
        height: 234px !important;
    }

    /* Column One -------------------- */
    .column-one {
        width: 390px !important;
        padding: 0px !important;
        border: none !important;
    }

    .column-one .featured-photo {
        width: 390px !important;
        height: 234px !important;
    }

    /* Column Two -------------------- */
    .column-two {
        width: 390px !important;
        padding: 0px !important;
        border: none !important;
        float: left !important;
        position: relative !important;
    }

    .column-two .featured-photo {
        width: 390px !important;
        height: 234px !important;
    }

    /* Column Three -------------------- */
    .column-three {
        width: 390px !important;
        padding: 0px !important;
        border: none !important;
        float: left !important;
        position: relative !important;
    }

    .column-three .featured-photo {
        width: 390px !important;
        height: 234px !important;
    }

    /* Single Post -------------------- */
    .post-single {
        width: 390px !important;
        margin: auto;
        float: none;
        padding: 0px !important;
    }

    .post-single hr {
        display: none;
    }

    .post-single .featured-photo {
        width: 390px !important;
        height: 234px !important;
    }

    .post-single .story-lines {
        width: 100% !important;
        border-right: 0px !important;
    }

    .post-single .related-stories, .post-single .latest-category {
        height: auto !important;
    }

    .post-single .related-stories .story, .post-single .latest-category .story {
        width: 100% !important;
        margin: 0px !important;
    }

    .post-single .related-stories .photo, .post-single .latest-category .photo {
        width: 390px !important;
        height: 234px !important;
    }

    .post-single .author-bio .author-social {
        width: 35px;
        height: 35px;
    }

    /* Comments -------------------- */
    form#commentform textarea {
        width: 100%;
    } 

    /* Archive -------------------- */
    .index {
        width: 390px;
        float: none;
        position: relative;
        margin: auto;
        padding: 0px !important;
    }

    .index .photo-area {
        width: 100% !important;
    }

    .index .photo {
        width: 390px !important;
        height: 234px !important;
        margin: auto;
    }

    .index .headline, .index .headline a, .index .headline a:hover, .index .headline a:visited {
        font-size: 28px;
    }

    .index .label-head h5, .index .label-head h5 a, .index .label-head h5 a:hover, .index .label-head h5 a:hover {
        font-size: 16px;
        width: 100%;
        margin-bottom: 3px;
    }

    /* Author -------------------- */
    .index .author-bio .author-social {
        width: 35px;
        height: 35px;
    }

    /* Page ---------------------- */
    .page-single {
        width: 390px !important;
        margin: auto;
        float: none !important;
        padding: 0px !important;
    }

    /* Staff Page ---------------------- */
    .staff {
        width: 390px !important;
        margin: auto;
        float: none !important;
        padding: 0px !important;
    }

    /* 404 Page ---------------------- */
    .post-404 {
        width: 390px !important;
        margin: auto;
        float: none !important;
        padding: 0px !important;
    }

    /* Footer ---------------------- */
    .footer p {
        font-family: 'Lato', sans-serif;
        font-size: 14px;
        color: #000000;
    }
}

/*
VII. Screen Width between 421 px and 440px---------------- */
@media only screen and (min-width: 421px) and (max-width: 440px) {
    /* Menus -------------------- */
    .top-menu, .main-menu {
        display: none !important;
    }

    .mobile-nav-area {
        display: block !important;
        width: 100%;
    }

    .mobile-nav-bar {
        width: 100%;
        height: 40px;
        background-color: #252525;
        text-align: center;
        padding: 3px 0px;
    }

    .mobile-nav-icon {
        text-align: left;
        width: 30px;
        float: left;
        position: relative;
        margin-top: 3px;
    }

    .mobile-nav-bar h5 {
        color: #ffffff;
        font-family: 'Lato', sans-serif;
        font-weight: 300;
        font-size: 28px;
        padding-bottom: 2px;
        margin: 0px;
    }

    .mobile-nav {
        width: 100%;
        background-color: #252525;
        height: auto;
    }

    .mobile-nav-left {
        width: 100%;
        float: left;
        position: relative;
        font-family: 'Oswald';
        font-size: 26px;
        background-color: #000000;
    }

    .mobile-nav-left ul {
        list-style: none;
        margin: 0 0 0 0px;
        padding-left: 0;
    }

    .mobile-nav-left li {
        display: block;
        width: 100%;
        padding: 5px -3px 5px 3px;
        background-color: #000000;
        margin-bottom: 4px
    }

    .mobile-nav-left li:last-child {
        margin-bottom: 0px;
    }

    .mobile-nav-left a {
        color: #ffffff;
        display: block;
        line-height: 39px;
        padding: 3px 12px;
        text-decoration: none;
    }

    .mobile-nav-left ul > li {
        margin-left: 0px;
    }

    .mobile-nav-left ul ul {
        display: none;
        position: absolute;
        width: 100%;
        background: #6C6C6C;
    }

    .mobile-nav-left ul ul li {
        background: #6C6C6C;
    }

    .mobile-nav-left ul ul ul {
        left: 100%;
        top: 0;
    }

    .mobile-nav-left ul ul a {
        background: #6C6C6C;
        color: #ffffff;
        height: auto;
        line-height: 39px;
        padding: 10px 10px;
        width: 100%;
        box-shadow: ;
    }

    .mobile-nav-left li:hover > a,
    .mobile-nav-left li:hover,
    .mobile-nav-left ul ul :hover > a,
    .mobile-nav-left a:focus {
        background: #252525;
        color: #ffffff;
    }

    .mobile-nav-left li:hover > a,
    .mobile-nav-left li:hover,
    .mobile-nav-left a:focus {
        background: #ffffff;
        color: #000000;
    }

    .mobile-nav-left ul li:hover > ul {
        display: block;
        position: static;
    }

    .mobile-nav-left .current-menu-item > a,
    .mobile-nav-left .current-menu-ancestor > a,
    .mobile-nav-left .current_page_item > a,
    .mobile-nav-left .current_page_ancestor > a {
    }

    .mobile-nav-right {
        width: 100%;
        float: left;
        position: relative;
    }

    .mobile-nav-right ul {
        list-style: none;
        margin: 0 0 0 0px;
        padding-left: 0;
    }

    .mobile-nav-right li {
        display: block;
        width: 100%;
        padding: 5px -3px 5px 3px;
        margin-bottom: 4px;
    }

    .mobile-nav-right li:last-child {
        margin-bottom: 0px;
    }

    .mobile-nav-right a {
        color: #ffffff;
        display: block;
        line-height: 41px;
        padding: 0 12px;
        padding-right: 0px;
        text-decoration: none;  
        font-family: 'Lato';
        font-size: 16px;
        font-weight: 300; 
    }

    .mobile-nav-right ul > li {
        margin-left: 0px;
    }

    .mobile-nav-right ul ul {
        display: none;
        float: left;
        position: absolute;
        background: #000000;
        width: 100%;
    }

    .mobile-nav-right ul ul li {
        background: #000000;
    }

    .mobile-nav-right ul ul ul {
        left: 100%;
        top: 0;
    }

    .mobile-nav-right ul ul a {
        background: #000000;
        color: #ffffff;
        font-size: 16px;
        font-weight: 300;
        height: auto;
        padding: 10px 10px;
        width: 100%;
    }

    .mobile-nav-right li:hover > a,
    .mobile-nav-right li:hover,
    .mobile-nav-right ul ul :hover > a,
    .mobile-nav-right a:focus {
        background: #B3B3B3;
        color: #000000;
    }

    .mobile-nav-right li:hover > a,
    .mobile-nav-right li:hover,
    .mobile-nav-right a:focus {
        background: #B3B3B3;
        color: #000000;
    }

    .mobile-nav-right ul li:hover > ul {
        display: block;
        position: static;
    }

    .main-menu .current-menu-item > a,
    .main-menu .current-menu-ancestor > a,
    .main-menu .current_page_item > a,
    .main-menu .current_page_ancestor > a {
    }

    /* Header -------------------- */
    .header-area {
        width: 420px !important;
    }

    .masthead {
        width: 420px !important;
        text-align: center;
    }

    h1.site-title {
        font-size: 55px !important;
    }

    h2.site-description {
        font-size: 24px !important;
    }

    .social-area {
        margin-left: 15px;
    }

    .giornalismo-social-link {
        width: 25px;
        min-width: 25px;
    }

    .giornalismo-social-link p {
        display: none !important;
    }

    .header-right {
        width: 420px !important;
        float: left !important;
        margin-top: 10px !important;
        margin-bottom: 10px !important;
        text-align: center;
    }

    .breaking-news-box {
        height: 100% !important;
    }

    .breaking-news-left {
        width: 100% !important;
        float: left;
        position: relative;
        height: 100% !important;
    }

    .breaking-news-right {
        width: 100% !important;
        float: left !important;
        position: relative !important;
        height: 100% !important;
        padding-bottom: 10px;
    }

    .todays-date {
        border-top: 1px solid #000000;
    }

    /* Wrap -------------------- */
    .wrap {
        width: 420px;
    }

    /* Sidebars -------------------- */
    .mobile-sidebar{
        display: block !important;
        float: left;
        position: relative;
        margin: auto;
        width: 410px;
    }

    .mobile-sidebar .right-sidebar {
        display: block !important;
        width: 100%;
        border-left: 0px;
    }

    .mobile-sidebar .left-sidebar {
        display: none !important;
        border-right: 0px;
    }

    .left-sidebar {
        display: none;
    }

    .right-sidebar {
        display: none;
    }

    /* Home -------------------- */
    .home-posts-area {
        width: 410px !important;
        margin: auto !important;
        padding-right: 0px !important;
    }

    .home-center {
        width: 410px !important;
        margin: auto !important;
    }

    /* Top Story -------------------- */
    .top-story {
        width: 410px !important;
        padding: 0px !important;
        margin: 0px !important;
    }

    .top-story .featured-photo {
        width: 410px !important;
        height: 246px !important;
    }

    /* Column One -------------------- */
    .column-one {
        width: 410px !important;
        padding: 0px !important;
        border: none !important;
    }

    .column-one .featured-photo {
        width: 410px !important;
        height: 246px !important;
    }

    /* Column Two -------------------- */
    .column-two {
        width: 410px !important;
        padding: 0px !important;
        border: none !important;
        float: left !important;
        position: relative !important;
    }

    .column-two .featured-photo {
        width: 410px !important;
        height: 246px !important;
    }

    /* Column Three -------------------- */
    .column-three {
        width: 410px !important;
        padding: 0px !important;
        border: none !important;
        float: left !important;
        position: relative !important;
    }

    .column-three .featured-photo {
        width: 410px !important;
        height: 246px !important;
    }

    /* Single Post -------------------- */
    .post-single {
        width: 410px !important;
        margin: auto;
        float: none;
        padding: 0px !important;
    }

    .post-single hr {
        display: none;
    }

    .post-single .featured-photo {
        width: 410px !important;
        height: 246px !important;
    }

    .post-single .story-lines {
        width: 100% !important;
        border-right: 0px !important;
    }

    .post-single .related-stories, .post-single .latest-category {
        height: auto !important;
    }

    .post-single .related-stories .story, .post-single .latest-category .story {
        width: 100% !important;
        margin: 0px !important;
    }

    .post-single .related-stories .photo, .post-single .latest-category .photo {
        width: 410px !important;
        height: 246px !important;
    }

    .post-single .author-bio .author-social {
        width: 35px;
        height: 35px;
    }

    /* Comments -------------------- */
    form#commentform textarea {
        width: 100%;
    } 

    /* Archive -------------------- */
    .index {
        width: 410px;
        float: none;
        position: relative;
        margin: auto;
        padding: 0px !important;
    }

    .index .photo-area {
        width: 100% !important;
    }

    .index .photo {
        width: 410px !important;
        height: 246px !important;
        margin: auto;
    }

    .index .headline, .index .headline a, .index .headline a:hover, .index .headline a:visited {
        font-size: 28px;
    }

    .index .label-head h5, .index .label-head h5 a, .index .label-head h5 a:hover, .index .label-head h5 a:hover {
        font-size: 16px;
        width: 100%;
        margin-bottom: 3px;
    }

    /* Author -------------------- */
    .index .author-bio .author-social {
        width: 35px;
        height: 35px;
    }

    /* Page ---------------------- */
    .page-single {
        width: 410px !important;
        margin: auto;
        float: none !important;
        padding: 0px !important;
    }

    /* Staff Page ---------------------- */
    .staff {
        width: 410px !important;
        margin: auto;
        float: none !important;
        padding: 0px !important;
    }

    /* 404 Page ---------------------- */
    .post-404 {
        width: 410px !important;
        margin: auto;
        float: none !important;
        padding: 0px !important;
    }

    /* Footer ---------------------- */
    .footer p {
        font-family: 'Lato', sans-serif;
        font-size: 14px;
        color: #000000;
    }
}

/*
VIII. Screen Width between 441 px and 460px---------------- */
@media only screen and (min-width: 441px) and (max-width: 460px) {
    /* Menus -------------------- */
    .top-menu, .main-menu {
        display: none !important;
    }

    .mobile-nav-area {
        display: block !important;
        width: 100%;
    }

    .mobile-nav-bar {
        width: 100%;
        height: 40px;
        background-color: #252525;
        text-align: center;
        padding: 3px 0px;
    }

    .mobile-nav-icon {
        text-align: left;
        width: 30px;
        float: left;
        position: relative;
        margin-top: 3px;
    }

    .mobile-nav-bar h5 {
        color: #ffffff;
        font-family: 'Lato', sans-serif;
        font-weight: 300;
        font-size: 28px;
        padding-bottom: 2px;
        margin: 0px;
    }

    .mobile-nav {
        width: 100%;
        background-color: #252525;
        height: auto;
    }

    .mobile-nav-left {
        width: 50%;
        float: left;
        position: relative;
        font-family: 'Oswald';
        font-size: 26px;
        background-color: #000000;
    }

    .mobile-nav-left ul {
        list-style: none;
        margin: 0 0 0 0px;
        padding-left: 0;
    }

    .mobile-nav-left li {
        display: block;
        width: 100%;
        padding: 5px -3px 5px 3px;
        background-color: #000000;
        margin-bottom: 4px
    }

    .mobile-nav-left li:last-child {
        margin-bottom: 0px;
    }

    .mobile-nav-left a {
        color: #ffffff;
        display: block;
        line-height: 39px;
        padding: 3px 12px;
        text-decoration: none;
    }

    .mobile-nav-left ul > li {
        margin-left: 0px;
    }

    .mobile-nav-left ul ul {
        display: none;
        position: absolute;
        width: 100%;
        background: #6C6C6C;
    }

    .mobile-nav-left ul ul li {
        background: #6C6C6C;
    }

    .mobile-nav-left ul ul ul {
        left: 100%;
        top: 0;
    }

    .mobile-nav-left ul ul a {
        background: #6C6C6C;
        color: #ffffff;
        height: auto;
        line-height: 39px;
        padding: 10px 10px;
        width: 100%;
        box-shadow: ;
    }

    .mobile-nav-left li:hover > a,
    .mobile-nav-left li:hover,
    .mobile-nav-left ul ul :hover > a,
    .mobile-nav-left a:focus {
        background: #252525;
        color: #ffffff;
    }

    .mobile-nav-left li:hover > a,
    .mobile-nav-left li:hover,
    .mobile-nav-left a:focus {
        background: #ffffff;
        color: #000000;
    }

    .mobile-nav-left ul li:hover > ul {
        display: block;
        position: static;
    }

    .mobile-nav-left .current-menu-item > a,
    .mobile-nav-left .current-menu-ancestor > a,
    .mobile-nav-left .current_page_item > a,
    .mobile-nav-left .current_page_ancestor > a {
    }

    .mobile-nav-right {
        width: 50%;
        float: left;
        position: relative;
    }

    .mobile-nav-right ul {
        list-style: none;
        margin: 0 0 0 0px;
        padding-left: 0;
    }

    .mobile-nav-right li {
        display: block;
        width: 100%;
        padding: 5px -3px 5px 3px;
        margin-bottom: 4px;
    }

    .mobile-nav-right li:last-child {
        margin-bottom: 0px;
    }

    .mobile-nav-right a {
        color: #ffffff;
        display: block;
        line-height: 41px;
        padding: 0 12px;
        padding-right: 0px;
        text-decoration: none;  
        font-family: 'Lato';
        font-size: 16px;
        font-weight: 300; 
    }

    .mobile-nav-right ul > li {
        margin-left: 0px;
    }

    .mobile-nav-right ul ul {
        display: none;
        float: left;
        position: absolute;
        background: #000000;
        width: 100%;
    }

    .mobile-nav-right ul ul li {
        background: #000000;
    }

    .mobile-nav-right ul ul ul {
        left: 100%;
        top: 0;
    }

    .mobile-nav-right ul ul a {
        background: #000000;
        color: #ffffff;
        font-size: 16px;
        font-weight: 300;
        height: auto;
        padding: 10px 10px;
        width: 100%;
    }

    .mobile-nav-right li:hover > a,
    .mobile-nav-right li:hover,
    .mobile-nav-right ul ul :hover > a,
    .mobile-nav-right a:focus {
        background: #B3B3B3;
        color: #000000;
    }

    .mobile-nav-right li:hover > a,
    .mobile-nav-right li:hover,
    .mobile-nav-right a:focus {
        background: #B3B3B3;
        color: #000000;
    }

    .mobile-nav-right ul li:hover > ul {
        display: block;
        position: static;
    }

    .main-menu .current-menu-item > a,
    .main-menu .current-menu-ancestor > a,
    .main-menu .current_page_item > a,
    .main-menu .current_page_ancestor > a {
    }

    /* Header -------------------- */
    .header-area {
        width: 440px !important;
    }

    .masthead {
        width: 400px !important;
        text-align: center;
    }

    h1.site-title {
        font-size: 55px !important;
    }

    h2.site-description {
        font-size: 24px !important;
    }

    .social-area {
        margin-left: 15px;
    }

    .giornalismo-social-link {
        width: 25px;
        min-width: 25px;
    }

    .giornalismo-social-link p {
        display: none !important;
    }

    .header-right {
        width: 440px !important;
        float: left !important;
        margin-top: 10px !important;
        margin-bottom: 10px !important;
        text-align: center;
    }

    .breaking-news-box {
        height: 100% !important;
    }

    .breaking-news-left {
        width: 100% !important;
        float: left;
        position: relative;
        height: 100% !important;
    }

    .breaking-news-right {
        width: 100% !important;
        float: left !important;
        position: relative !important;
        height: 100% !important;
        padding-bottom: 10px;
    }

    .todays-date {
        border-top: 1px solid #000000;
    }

    /* Wrap -------------------- */
    .wrap {
        width: 440px;
    }

    /* Sidebars -------------------- */
    .mobile-sidebar{
        display: block !important;
        float: left;
        position: relative;
        margin: auto;
        width: 430px;
    }

    .mobile-sidebar .right-sidebar {
        display: block !important;
        width: 100%;
        border-left: 0px;
    }

    .mobile-sidebar .left-sidebar {
        display: none !important;
        border-right: 0px;
    }

    .left-sidebar {
        display: none;
    }

    .right-sidebar {
        display: none;
    }

    /* Home -------------------- */
    .home-posts-area {
        width: 430px !important;
        margin: auto !important;
        padding-right: 0px !important;
    }

    .home-center {
        width: 430px !important;
        margin: auto !important;
    }

    /* Top Story -------------------- */
    .top-story {
        width: 430px !important;
        padding: 0px !important;
        margin: 0px !important;
    }

    .top-story .featured-photo {
        width: 430px !important;
        height: 258px !important;
    }

    /* Column One -------------------- */
    .column-one {
        width: 430px !important;
        padding: 0px !important;
        border: none !important;
    }

    .column-one .featured-photo {
        width: 430px !important;
        height: 258px !important;
    }

    /* Column Two -------------------- */
    .column-two {
        width: 430px !important;
        padding: 0px !important;
        border: none !important;
        float: left !important;
        position: relative !important;
    }

    .column-two .featured-photo {
        width: 430px !important;
        height: 258px !important;
    }

    /* Column Three -------------------- */
    .column-three {
        width: 430px !important;
        padding: 0px !important;
        border: none !important;
        float: left !important;
        position: relative !important;
    }

    .column-three .featured-photo {
        width: 430px !important;
        height: 258px !important;
    }

    /* Single Post -------------------- */
    .post-single {
        width: 430px !important;
        margin: auto;
        float: none;
        padding: 0px !important;
    }

    .post-single hr {
        display: none;
    }

    .post-single .featured-photo {
        width: 430px !important;
        height: 258px !important;
    }

    .post-single .story-lines {
        width: 100% !important;
        border-right: 0px !important;
    }

    .post-single .related-stories, .post-single .latest-category {
        height: auto !important;
    }

    .post-single .related-stories .story, .post-single .latest-category .story {
        width: 100% !important;
        margin: 0px !important;
    }

    .post-single .related-stories .photo, .post-single .latest-category .photo {
        width:430px !important;
        height: 258px !important;
    }

    .post-single .author-bio .author-social {
        width: 35px;
        height: 35px;
    }

    /* Comments -------------------- */
    form#commentform textarea {
        width: 100%;
    } 

    /* Archive -------------------- */
    .index {
        width: 530px;
        float: none;
        position: relative;
        margin: auto;
        padding: 0px !important;
    }

    .index .photo-area {
        width: 100% !important;
    }

    .index .photo {
        width: 530px !important;
        height: 248px !important;
        margin: auto;
    }

    .index .headline, .index .headline a, .index .headline a:hover, .index .headline a:visited {
        font-size: 28px;
    }

    .index .label-head h5, .index .label-head h5 a, .index .label-head h5 a:hover, .index .label-head h5 a:hover {
        font-size: 16px;
        width: 100%;
        margin-bottom: 3px;
    }

    /* Author -------------------- */
    .index .author-bio .author-social {
        width: 35px;
        height: 35px;
    }

    /* Page ---------------------- */
    .page-single {
        width: 430px !important;
        margin: auto;
        float: none !important;
        padding: 0px !important;
    }

    /* Staff Page ---------------------- */
    .staff {
        width: 430px !important;
        margin: auto;
        float: none !important;
        padding: 0px !important;
    }

    /* 404 Page ---------------------- */
    .post-404 {
        width: 430px !important;
        margin: auto;
        float: none !important;
        padding: 0px !important;
    }

    /* Footer ---------------------- */
    .footer p {
        font-family: 'Lato', sans-serif;
        font-size: 14px;
        color: #000000;
    }
}

/*
IX. Screen Width between 461 px and 480px---------------- */
@media only screen and (min-width: 461px) and (max-width: 480px) {
    /* Menus -------------------- */
    .top-menu, .main-menu {
        display: none !important;
    }

    .mobile-nav-area {
        display: block !important;
        width: 100%;
    }

    .mobile-nav-bar {
        width: 100%;
        height: 40px;
        background-color: #252525;
        text-align: center;
        padding: 3px 0px;
    }

    .mobile-nav-icon {
        text-align: left;
        width: 30px;
        float: left;
        position: relative;
        margin-top: 3px;
    }

    .mobile-nav-bar h5 {
        color: #ffffff;
        font-family: 'Lato', sans-serif;
        font-weight: 300;
        font-size: 28px;
        padding-bottom: 2px;
        margin: 0px;
    }

    .mobile-nav {
        width: 100%;
        background-color: #252525;
        height: auto;
    }

    .mobile-nav-left {
        width: 50%;
        float: left;
        position: relative;
        font-family: 'Oswald';
        font-size: 26px;
        background-color: #000000;
    }

    .mobile-nav-left ul {
        list-style: none;
        margin: 0 0 0 0px;
        padding-left: 0;
    }

    .mobile-nav-left li {
        display: block;
        width: 100%;
        padding: 5px -3px 5px 3px;
        background-color: #000000;
        margin-bottom: 4px
    }

    .mobile-nav-left li:last-child {
        margin-bottom: 0px;
    }

    .mobile-nav-left a {
        color: #ffffff;
        display: block;
        line-height: 39px;
        padding: 3px 12px;
        text-decoration: none;
    }

    .mobile-nav-left ul > li {
        margin-left: 0px;
    }

    .mobile-nav-left ul ul {
        display: none;
        position: absolute;
        width: 100%;
        background: #6C6C6C;
    }

    .mobile-nav-left ul ul li {
        background: #6C6C6C;
    }

    .mobile-nav-left ul ul ul {
        left: 100%;
        top: 0;
    }

    .mobile-nav-left ul ul a {
        background: #6C6C6C;
        color: #ffffff;
        height: auto;
        line-height: 39px;
        padding: 10px 10px;
        width: 100%;
        box-shadow: ;
    }

    .mobile-nav-left li:hover > a,
    .mobile-nav-left li:hover,
    .mobile-nav-left ul ul :hover > a,
    .mobile-nav-left a:focus {
        background: #252525;
        color: #ffffff;
    }

    .mobile-nav-left li:hover > a,
    .mobile-nav-left li:hover,
    .mobile-nav-left a:focus {
        background: #ffffff;
        color: #000000;
    }

    .mobile-nav-left ul li:hover > ul {
        display: block;
        position: static;
    }

    .mobile-nav-left .current-menu-item > a,
    .mobile-nav-left .current-menu-ancestor > a,
    .mobile-nav-left .current_page_item > a,
    .mobile-nav-left .current_page_ancestor > a {
    }

    .mobile-nav-right {
        width: 50%;
        float: left;
        position: relative;
    }

    .mobile-nav-right ul {
        list-style: none;
        margin: 0 0 0 0px;
        padding-left: 0;
    }

    .mobile-nav-right li {
        display: block;
        width: 100%;
        padding: 5px -3px 5px 3px;
        margin-bottom: 4px;
    }

    .mobile-nav-right li:last-child {
        margin-bottom: 0px;
    }

    .mobile-nav-right a {
        color: #ffffff;
        display: block;
        line-height: 41px;
        padding: 0 12px;
        padding-right: 0px;
        text-decoration: none;  
        font-family: 'Lato';
        font-size: 16px;
        font-weight: 300; 
    }

    .mobile-nav-right ul > li {
        margin-left: 0px;
    }

    .mobile-nav-right ul ul {
        display: none;
        float: left;
        position: absolute;
        background: #000000;
        width: 100%;
    }

    .mobile-nav-right ul ul li {
        background: #000000;
    }

    .mobile-nav-right ul ul ul {
        left: 100%;
        top: 0;
    }

    .mobile-nav-right ul ul a {
        background: #000000;
        color: #ffffff;
        font-size: 16px;
        font-weight: 300;
        height: auto;
        padding: 10px 10px;
        width: 100%;
    }

    .mobile-nav-right li:hover > a,
    .mobile-nav-right li:hover,
    .mobile-nav-right ul ul :hover > a,
    .mobile-nav-right a:focus {
        background: #B3B3B3;
        color: #000000;
    }

    .mobile-nav-right li:hover > a,
    .mobile-nav-right li:hover,
    .mobile-nav-right a:focus {
        background: #B3B3B3;
        color: #000000;
    }

    .mobile-nav-right ul li:hover > ul {
        display: block;
        position: static;
    }

    .main-menu .current-menu-item > a,
    .main-menu .current-menu-ancestor > a,
    .main-menu .current_page_item > a,
    .main-menu .current_page_ancestor > a {
    }

    /* Header -------------------- */
    .header-area {
        width: 460px !important;
    }

    .masthead {
        width: 460px !important;
        text-align: center;
    }

    h1.site-title {
        font-size: 55px !important;
    }

    h2.site-description {
        font-size: 24px !important;
    }

    .social-area {
        margin-left: 15px;
    }

    .giornalismo-social-link {
        width: 25px;
        min-width: 25px;
    }

    .giornalismo-social-link p {
        display: none !important;
    }

    .header-right {
        width: 460px !important;
        float: left !important;
        margin-top: 10px !important;
        margin-bottom: 10px !important;
        text-align: center;
    }

    .breaking-news-box {
        height: 100% !important;
    }

    .breaking-news-left {
        width: 100% !important;
        float: left;
        position: relative;
        height: 100% !important;
    }

    .breaking-news-right {
        width: 100% !important;
        float: left !important;
        position: relative !important;
        height: 100% !important;
        padding-bottom: 10px;
    }

    .todays-date {
        border-top: 1px solid #000000;
    }

    /* Wrap -------------------- */
    .wrap {
        width: 460px;
    }

    /* Sidebars -------------------- */
    .mobile-sidebar{
        display: block !important;
        float: left;
        position: relative;
        margin: auto;
        width: 450px;
    }

    .mobile-sidebar .right-sidebar {
        display: block !important;
        width: 100%;
        border-left: 0px;
    }

    .mobile-sidebar .left-sidebar {
        display: none !important;
        border-right: 0px;
    }

    .left-sidebar {
        display: none;
    }

    .right-sidebar {
        display: none;
    }

    /* Home -------------------- */
    .home-posts-area {
        width: 450px !important;
        margin: auto !important;
        padding-right: 0px !important;
    }

    .home-center {
        width: 450px !important;
        margin: auto !important;
    }

    /* Top Story -------------------- */
    .top-story {
        width: 450px !important;
        padding: 0px !important;
        margin: 0px !important;
    }

    .top-story .featured-photo {
        width: 450px !important;
        height: 270px !important;
    }

    /* Column One -------------------- */
    .column-one {
        width: 450px !important;
        padding: 0px !important;
        border: none !important;
    }

    .column-one .featured-photo {
        width: 450px !important;
        height: 270px !important;
    }

    /* Column Two -------------------- */
    .column-two {
        width: 450px !important;
        padding: 0px !important;
        border: none !important;
        float: left !important;
        position: relative !important;
    }

    .column-two .featured-photo {
        width: 450px !important;
        height: 270px !important;
    }

    /* Column Three -------------------- */
    .column-three {
        width: 450px !important;
        padding: 0px !important;
        border: none !important;
        float: left !important;
        position: relative !important;
    }

    .column-three .featured-photo {
        width: 450px !important;
        height: 270px !important;
    }

    /* Single Post -------------------- */
    .post-single {
        width: 450px !important;
        margin: auto;
        float: none;
        padding: 0px !important;
    }

    .post-single hr {
        display: none;
    }

    .post-single .featured-photo {
        width: 450px !important;
        height: 270px !important;
    }

    .post-single .story-lines {
        width: 100% !important;
        border-right: 0px !important;
    }

    .post-single .related-stories, .post-single .latest-category {
        height: auto !important;
    }

    .post-single .related-stories .story, .post-single .latest-category .story {
        width: 100% !important;
        margin: 0px !important;
    }

    .post-single .related-stories .photo, .post-single .latest-category .photo {
        width: 450px !important;
        height: 270px !important;
    }

    .post-single .author-bio .author-social {
        width: 35px;
        height: 35px;
    }

    /* Comments -------------------- */
    form#commentform textarea {
        width: 100%;
    } 

    /* Archive -------------------- */
    .index {
        width: 450px;
        float: none;
        position: relative;
        margin: auto;
        padding: 0px !important;
    }

    .index .photo-area {
        width: 100% !important;
    }

    .index .photo {
        width: 450px !important;
        height: 270px !important;
        margin: auto;
    }

    .index .headline, .index .headline a, .index .headline a:hover, .index .headline a:visited {
        font-size: 28px;
    }

    .index .label-head h5, .index .label-head h5 a, .index .label-head h5 a:hover, .index .label-head h5 a:hover {
        font-size: 16px;
        width: 100%;
        margin-bottom: 3px;
    }

    /* Author -------------------- */
    .index .author-bio .author-social {
        width: 35px;
        height: 35px;
    }

    /* Page ---------------------- */
    .page-single {
        width: 450px !important;
        margin: auto;
        float: none !important;
        padding: 0px !important;
    }

    /* Staff Page ---------------------- */
    .staff {
        width: 450px !important;
        margin: auto;
        float: none !important;
        padding: 0px !important;
    }

    /* 404 Page ---------------------- */
    .post-404 {
        width: 450px !important;
        margin: auto;
        float: none !important;
        padding: 0px !important;
    }

    /* Footer ---------------------- */
    .footer p {
        font-family: 'Lato', sans-serif;
        font-size: 14px;
        color: #000000;
    }
}

/*
X. Screen Width between 481 px and 500px---------------- */
@media only screen and (min-width: 481px) and (max-width: 500px) {
    /* Menus -------------------- */
    .top-menu, .main-menu {
        display: none !important;
    }

    .mobile-nav-area {
        display: block !important;
        width: 100%;
    }

    .mobile-nav-bar {
        width: 100%;
        height: 40px;
        background-color: #252525;
        text-align: center;
        padding: 3px 0px;
    }

    .mobile-nav-icon {
        text-align: left;
        width: 30px;
        float: left;
        position: relative;
        margin-top: 3px;
    }

    .mobile-nav-bar h5 {
        color: #ffffff;
        font-family: 'Lato', sans-serif;
        font-weight: 300;
        font-size: 28px;
        padding-bottom: 2px;
        margin: 0px;
    }

    .mobile-nav {
        width: 100%;
        background-color: #252525;
        height: auto;
    }

    .mobile-nav-left {
        width: 50%;
        float: left;
        position: relative;
        font-family: 'Oswald';
        font-size: 26px;
        background-color: #000000;
    }

    .mobile-nav-left ul {
        list-style: none;
        margin: 0 0 0 0px;
        padding-left: 0;
    }

    .mobile-nav-left li {
        display: block;
        width: 100%;
        padding: 5px -3px 5px 3px;
        background-color: #000000;
        margin-bottom: 4px
    }

    .mobile-nav-left li:last-child {
        margin-bottom: 0px;
    }

    .mobile-nav-left a {
        color: #ffffff;
        display: block;
        line-height: 39px;
        padding: 3px 12px;
        text-decoration: none;
    }

    .mobile-nav-left ul > li {
        margin-left: 0px;
    }

    .mobile-nav-left ul ul {
        display: none;
        position: absolute;
        width: 100%;
        background: #6C6C6C;
    }

    .mobile-nav-left ul ul li {
        background: #6C6C6C;
    }

    .mobile-nav-left ul ul ul {
        left: 100%;
        top: 0;
    }

    .mobile-nav-left ul ul a {
        background: #6C6C6C;
        color: #ffffff;
        height: auto;
        line-height: 39px;
        padding: 10px 10px;
        width: 100%;
        box-shadow: ;
    }

    .mobile-nav-left li:hover > a,
    .mobile-nav-left li:hover,
    .mobile-nav-left ul ul :hover > a,
    .mobile-nav-left a:focus {
        background: #252525;
        color: #ffffff;
    }

    .mobile-nav-left li:hover > a,
    .mobile-nav-left li:hover,
    .mobile-nav-left a:focus {
        background: #ffffff;
        color: #000000;
    }

    .mobile-nav-left ul li:hover > ul {
        display: block;
        position: static;
    }

    .mobile-nav-left .current-menu-item > a,
    .mobile-nav-left .current-menu-ancestor > a,
    .mobile-nav-left .current_page_item > a,
    .mobile-nav-left .current_page_ancestor > a {
    }

    .mobile-nav-right {
        width: 50%;
        float: left;
        position: relative;
    }

    .mobile-nav-right ul {
        list-style: none;
        margin: 0 0 0 0px;
        padding-left: 0;
    }

    .mobile-nav-right li {
        display: block;
        width: 100%;
        padding: 5px -3px 5px 3px;
        margin-bottom: 4px;
    }

    .mobile-nav-right li:last-child {
        margin-bottom: 0px;
    }

    .mobile-nav-right a {
        color: #ffffff;
        display: block;
        line-height: 41px;
        padding: 0 12px;
        padding-right: 0px;
        text-decoration: none;  
        font-family: 'Lato';
        font-size: 16px;
        font-weight: 300; 
    }

    .mobile-nav-right ul > li {
        margin-left: 0px;
    }

    .mobile-nav-right ul ul {
        display: none;
        float: left;
        position: absolute;
        background: #000000;
        width: 100%;
    }

    .mobile-nav-right ul ul li {
        background: #000000;
    }

    .mobile-nav-right ul ul ul {
        left: 100%;
        top: 0;
    }

    .mobile-nav-right ul ul a {
        background: #000000;
        color: #ffffff;
        font-size: 16px;
        font-weight: 300;
        height: auto;
        padding: 10px 10px;
        width: 100%;
    }

    .mobile-nav-right li:hover > a,
    .mobile-nav-right li:hover,
    .mobile-nav-right ul ul :hover > a,
    .mobile-nav-right a:focus {
        background: #B3B3B3;
        color: #000000;
    }

    .mobile-nav-right li:hover > a,
    .mobile-nav-right li:hover,
    .mobile-nav-right a:focus {
        background: #B3B3B3;
        color: #000000;
    }

    .mobile-nav-right ul li:hover > ul {
        display: block;
        position: static;
    }

    .main-menu .current-menu-item > a,
    .main-menu .current-menu-ancestor > a,
    .main-menu .current_page_item > a,
    .main-menu .current_page_ancestor > a {
    }

    /* Header -------------------- */
    .header-area {
        width: 480px !important;
    }

    .masthead {
        width: 480px !important;
        text-align: center;
    }

    h1.site-title {
        font-size: 55px !important;
    }

    h2.site-description {
        font-size: 24px !important;
    }

    .social-area {
        margin-left: 15px;
    }

    .giornalismo-social-link {
        width: 25px;
        min-width: 25px;
    }

    .giornalismo-social-link p {
        display: none !important;
    }

    .header-right {
        width: 480px !important;
        float: left !important;
        margin-top: 10px !important;
        margin-bottom: 10px !important;
        text-align: center;
    }

    .breaking-news-box {
        height: 100% !important;
    }

    .breaking-news-left {
        width: 100% !important;
        float: left;
        position: relative;
        height: 100% !important;
    }

    .breaking-news-right {
        width: 100% !important;
        float: left !important;
        position: relative !important;
        height: 100% !important;
        padding-bottom: 10px;
    }

    .todays-date {
        border-top: 1px solid #000000;
    }

    /* Wrap -------------------- */
    .wrap {
        width: 480px;
    }

    /* Sidebars -------------------- */
    .mobile-sidebar{
        display: block !important;
        float: left;
        position: relative;
        margin: auto;
        width: 470px;
    }

    .mobile-sidebar .right-sidebar {
        display: block !important;
        width: 100%;
        border-left: 0px;
    }

    .mobile-sidebar .left-sidebar {
        display: none !important;
        border-right: 0px;
    }

    .left-sidebar {
        display: none;
    }

    .right-sidebar {
        display: none;
    }

    /* Home -------------------- */
    .home-posts-area {
        width: 470px !important;
        margin: auto !important;
        padding-right: 0px !important;
    }

    .home-center {
        width: 470px !important;
        margin: auto !important;
    }

    /* Top Story -------------------- */
    .top-story {
        width: 470px !important;
        padding: 0px !important;
        margin: 0px !important;
    }

    .top-story .featured-photo {
        width: 470px !important;
        height: 282px !important;
    }

    /* Column One -------------------- */
    .column-one {
        width: 470px !important;
        padding: 0px !important;
        border: none !important;
    }

    .column-one .featured-photo {
        width: 470px !important;
        height: 282px !important;
    }

    /* Column Two -------------------- */
    .column-two {
        width: 470px !important;
        padding: 0px !important;
        border: none !important;
        float: left !important;
        position: relative !important;
    }

    .column-two .featured-photo {
        width: 470px !important;
        height: 282px !important;
    }

    /* Column Three -------------------- */
    .column-three {
        width: 470px !important;
        padding: 0px !important;
        border: none !important;
        float: left !important;
        position: relative !important;
    }

    .column-three .featured-photo {
        width: 470px !important;
        height: 282px !important;
    }

    /* Single Post -------------------- */
    .post-single {
        width: 470px !important;
        margin: auto;
        float: none;
        padding: 0px !important;
    }

    .post-single hr {
        display: none;
    }

    .post-single .featured-photo {
        width: 470px !important;
        height: 282px !important;
    }

    .post-single .story-lines {
        width: 100% !important;
        border-right: 0px !important;
    }

    .post-single .related-stories, .post-single .latest-category {
        height: auto !important;
    }

    .post-single .related-stories .story, .post-single .latest-category .story {
        width: 100% !important;
        margin: 0px !important;
    }

    .post-single .related-stories .photo, .post-single .latest-category .photo {
        width: 470px !important;
        height: 282px !important;
    }

    .post-single .author-bio .author-social {
        width: 35px;
        height: 35px;
    }

    /* Comments -------------------- */
    form#commentform textarea {
        width: 100%;
    } 

    /* Archive -------------------- */
    .index {
        width: 470px;
        float: none;
        position: relative;
        margin: auto;
        padding: 0px !important;
    }

    .index .photo-area {
        width: 100% !important;
    }

    .index .photo {
        width: 470px !important;
        height: 282px !important;
        margin: auto;
    }

    .index .headline, .index .headline a, .index .headline a:hover, .index .headline a:visited {
        font-size: 28px;
    }

    .index .label-head h5, .index .label-head h5 a, .index .label-head h5 a:hover, .index .label-head h5 a:hover {
        font-size: 16px;
        width: 100%;
        margin-bottom: 3px;
    }

    /* Author -------------------- */
    .index .author-bio .author-social {
        width: 35px;
        height: 35px;
    }

    /* Page ---------------------- */
    .page-single {
        width: 470px !important;
        margin: auto;
        float: none !important;
        padding: 0px !important;
    }

    /* Staff Page ---------------------- */
    .staff {
        width: 470px !important;
        margin: auto;
        float: none !important;
        padding: 0px !important;
    }

    /* 404 Page ---------------------- */
    .post-404 {
        width: 470px !important;
        margin: auto;
        float: none !important;
        padding: 0px !important;
    }

    /* Footer ---------------------- */
    .footer p {
        font-family: 'Lato', sans-serif;
        font-size: 14px;
        color: #000000;
    }
}

/*
XI. Screen Width between 501 px and 520px---------------- */
@media only screen and (min-width: 501px) and (max-width: 520px) {
    /* Menus -------------------- */
    .top-menu, .main-menu {
        display: none !important;
    }

    .mobile-nav-area {
        display: block !important;
        width: 100%;
    }

    .mobile-nav-bar {
        width: 100%;
        height: 40px;
        background-color: #252525;
        text-align: center;
        padding: 3px 0px;
    }

    .mobile-nav-icon {
        text-align: left;
        width: 30px;
        float: left;
        position: relative;
        margin-top: 3px;
    }

    .mobile-nav-bar h5 {
        color: #ffffff;
        font-family: 'Lato', sans-serif;
        font-weight: 300;
        font-size: 28px;
        padding-bottom: 2px;
        margin: 0px;
    }

    .mobile-nav {
        width: 100%;
        background-color: #252525;
        height: auto;
    }

    .mobile-nav-left {
        width: 50%;
        float: left;
        position: relative;
        font-family: 'Oswald';
        font-size: 26px;
        background-color: #000000;
    }

    .mobile-nav-left ul {
        list-style: none;
        margin: 0 0 0 0px;
        padding-left: 0;
    }

    .mobile-nav-left li {
        display: block;
        width: 100%;
        padding: 5px -3px 5px 3px;
        background-color: #000000;
        margin-bottom: 4px
    }

    .mobile-nav-left li:last-child {
        margin-bottom: 0px;
    }

    .mobile-nav-left a {
        color: #ffffff;
        display: block;
        line-height: 39px;
        padding: 3px 12px;
        text-decoration: none;
    }

    .mobile-nav-left ul > li {
        margin-left: 0px;
    }

    .mobile-nav-left ul ul {
        display: none;
        position: absolute;
        width: 100%;
        background: #6C6C6C;
    }

    .mobile-nav-left ul ul li {
        background: #6C6C6C;
    }

    .mobile-nav-left ul ul ul {
        left: 100%;
        top: 0;
    }

    .mobile-nav-left ul ul a {
        background: #6C6C6C;
        color: #ffffff;
        height: auto;
        line-height: 39px;
        padding: 10px 10px;
        width: 100%;
        box-shadow: ;
    }

    .mobile-nav-left li:hover > a,
    .mobile-nav-left li:hover,
    .mobile-nav-left ul ul :hover > a,
    .mobile-nav-left a:focus {
        background: #252525;
        color: #ffffff;
    }

    .mobile-nav-left li:hover > a,
    .mobile-nav-left li:hover,
    .mobile-nav-left a:focus {
        background: #ffffff;
        color: #000000;
    }

    .mobile-nav-left ul li:hover > ul {
        display: block;
        position: static;
    }

    .mobile-nav-left .current-menu-item > a,
    .mobile-nav-left .current-menu-ancestor > a,
    .mobile-nav-left .current_page_item > a,
    .mobile-nav-left .current_page_ancestor > a {
    }

    .mobile-nav-right {
        width: 50%;
        float: left;
        position: relative;
    }

    .mobile-nav-right ul {
        list-style: none;
        margin: 0 0 0 0px;
        padding-left: 0;
    }

    .mobile-nav-right li {
        display: block;
        width: 100%;
        padding: 5px -3px 5px 3px;
        margin-bottom: 4px;
    }

    .mobile-nav-right li:last-child {
        margin-bottom: 0px;
    }

    .mobile-nav-right a {
        color: #ffffff;
        display: block;
        line-height: 41px;
        padding: 0 12px;
        padding-right: 0px;
        text-decoration: none;  
        font-family: 'Lato';
        font-size: 16px;
        font-weight: 300; 
    }

    .mobile-nav-right ul > li {
        margin-left: 0px;
    }

    .mobile-nav-right ul ul {
        display: none;
        float: left;
        position: absolute;
        background: #000000;
        width: 100%;
    }

    .mobile-nav-right ul ul li {
        background: #000000;
    }

    .mobile-nav-right ul ul ul {
        left: 100%;
        top: 0;
    }

    .mobile-nav-right ul ul a {
        background: #000000;
        color: #ffffff;
        font-size: 16px;
        font-weight: 300;
        height: auto;
        padding: 10px 10px;
        width: 100%;
    }

    .mobile-nav-right li:hover > a,
    .mobile-nav-right li:hover,
    .mobile-nav-right ul ul :hover > a,
    .mobile-nav-right a:focus {
        background: #B3B3B3;
        color: #000000;
    }

    .mobile-nav-right li:hover > a,
    .mobile-nav-right li:hover,
    .mobile-nav-right a:focus {
        background: #B3B3B3;
        color: #000000;
    }

    .mobile-nav-right ul li:hover > ul {
        display: block;
        position: static;
    }

    .main-menu .current-menu-item > a,
    .main-menu .current-menu-ancestor > a,
    .main-menu .current_page_item > a,
    .main-menu .current_page_ancestor > a {
    }

    /* Header -------------------- */
    .header-area {
        width: 500px !important;
    }

    .masthead {
        width: 500px !important;
        text-align: center;
    }

    h1.site-title {
        font-size: 55px !important;
    }

    h2.site-description {
        font-size: 24px !important;
    }

    .social-area {
        margin-left: 15px;
    }

    .giornalismo-social-link {
        width: 25px;
        min-width: 25px;
    }

    .giornalismo-social-link p {
        display: none !important;
    }

    .header-right {
        width: 500px !important;
        float: left !important;
        margin-top: 10px !important;
        margin-bottom: 10px !important;
        text-align: center;
    }

    .breaking-news-box {
        height: 100% !important;
    }

    .breaking-news-left {
        width: 100% !important;
        float: left;
        position: relative;
        height: 100% !important;
    }

    .breaking-news-right {
        width: 100% !important;
        float: left !important;
        position: relative !important;
        height: 100% !important;
        padding-bottom: 10px;
    }

    .todays-date {
        border-top: 1px solid #000000;
    }

    /* Wrap -------------------- */
    .wrap {
        width: 500px;
    }

    /* Sidebars -------------------- */
    .mobile-sidebar{
        display: block !important;
        float: left;
        position: relative;
        margin: auto;
        width: 490px;
    }

    .mobile-sidebar .right-sidebar {
        display: block !important;
        width: 100%;
        border-left: 0px;
    }

    .mobile-sidebar .left-sidebar {
        display: none !important;
        border-right: 0px;
    }

    .left-sidebar {
        display: none;
    }

    .right-sidebar {
        display: none;
    }

    /* Home -------------------- */
    .home-posts-area {
        width: 490px !important;
        margin: auto !important;
        padding-right: 0px !important;
    }

    .home-center {
        width: 490px !important;
        margin: auto !important;
    }

    /* Top Story -------------------- */
    .top-story {
        width: 490px !important;
        padding: 0px !important;
        margin: 0px !important;
    }

    .top-story .featured-photo {
        width: 490px !important;
        height: 294px !important;
    }

    /* Column One -------------------- */
    .column-one {
        width: 490px !important;
        padding: 0px !important;
        border: none !important;
    }

    .column-one .featured-photo {
        width: 490px !important;
        height: 294px !important;
    }

    /* Column Two -------------------- */
    .column-two {
        width: 490px !important;
        padding: 0px !important;
        border: none !important;
        float: left !important;
        position: relative !important;
    }

    .column-two .featured-photo {
        width: 490px !important;
        height: 294px !important;
    }

    /* Column Three -------------------- */
    .column-three {
        width: 490px !important;
        padding: 0px !important;
        border: none !important;
        float: left !important;
        position: relative !important;
    }

    .column-three .featured-photo {
        width: 490px !important;
        height: 294px !important;
    }

    /* Single Post -------------------- */
    .post-single {
        width: 490px !important;
        margin: auto;
        float: none;
        padding: 0px !important;
    }

    .post-single hr {
        display: none;
    }

    .post-single .featured-photo {
        width: 490px !important;
        height: 294px !important;
    }

    .post-single .story-lines {
        width: 100% !important;
        border-right: 0px !important;
    }

    .post-single .related-stories, .post-single .latest-category {
        height: auto !important;
    }

    .post-single .related-stories .story, .post-single .latest-category .story {
        width: 100% !important;
        margin: 0px !important;
    }

    .post-single .related-stories .photo, .post-single .latest-category .photo {
        width: 490px !important;
        height: 294px !important;
    }

    .post-single .author-bio .author-social {
        width: 35px;
        height: 35px;
    }

    /* Comments -------------------- */
    form#commentform textarea {
        width: 100%;
    } 

    /* Archive -------------------- */
    .index {
        width: 490px;
        float: none;
        position: relative;
        margin: auto;
        padding: 0px !important;
    }

    .index .photo-area {
        width: 100% !important;
    }

    .index .photo {
        width: 490px !important;
        height: 294px !important;
        margin: auto;
    }

    .index .headline, .index .headline a, .index .headline a:hover, .index .headline a:visited {
        font-size: 28px;
    }

    .index .label-head h5, .index .label-head h5 a, .index .label-head h5 a:hover, .index .label-head h5 a:hover {
        font-size: 16px;
        width: 100%;
        margin-bottom: 3px;
    }

    /* Author -------------------- */
    .index .author-bio .author-social {
        width: 35px;
        height: 35px;
    }

    /* Page ---------------------- */
    .page-single {
        width: 490px !important;
        margin: auto;
        float: none !important;
        padding: 0px !important;
    }

    /* Staff Page ---------------------- */
    .staff {
        width: 490px !important;
        margin: auto;
        float: none !important;
        padding: 0px !important;
    }

    /* 404 Page ---------------------- */
    .post-404 {
        width: 490px !important;
        margin: auto;
        float: none !important;
        padding: 0px !important;
    }

    /* Footer ---------------------- */
    .footer p {
        font-family: 'Lato', sans-serif;
        font-size: 14px;
        color: #000000;
    }
}

/*
XII. Screen Width between 521 px and 540px---------------- */
@media only screen and (min-width: 521px) and (max-width: 540px) {
    /* Menus -------------------- */
    .top-menu, .main-menu {
        display: none !important;
    }

    .mobile-nav-area {
        display: block !important;
        width: 100%;
    }

    .mobile-nav-bar {
        width: 100%;
        height: 40px;
        background-color: #252525;
        text-align: center;
        padding: 3px 0px;
    }

    .mobile-nav-icon {
        text-align: left;
        width: 30px;
        float: left;
        position: relative;
        margin-top: 3px;
    }

    .mobile-nav-bar h5 {
        color: #ffffff;
        font-family: 'Lato', sans-serif;
        font-weight: 300;
        font-size: 28px;
        padding-bottom: 2px;
        margin: 0px;
    }

    .mobile-nav {
        width: 100%;
        background-color: #252525;
        height: auto;
    }

    .mobile-nav-left {
        width: 50%;
        float: left;
        position: relative;
        font-family: 'Oswald';
        font-size: 26px;
        background-color: #000000;
    }

    .mobile-nav-left ul {
        list-style: none;
        margin: 0 0 0 0px;
        padding-left: 0;
    }

    .mobile-nav-left li {
        display: block;
        width: 100%;
        padding: 5px -3px 5px 3px;
        background-color: #000000;
        margin-bottom: 4px
    }

    .mobile-nav-left li:last-child {
        margin-bottom: 0px;
    }

    .mobile-nav-left a {
        color: #ffffff;
        display: block;
        line-height: 39px;
        padding: 3px 12px;
        text-decoration: none;
    }

    .mobile-nav-left ul > li {
        margin-left: 0px;
    }

    .mobile-nav-left ul ul {
        display: none;
        position: absolute;
        width: 100%;
        background: #6C6C6C;
    }

    .mobile-nav-left ul ul li {
        background: #6C6C6C;
    }

    .mobile-nav-left ul ul ul {
        left: 100%;
        top: 0;
    }

    .mobile-nav-left ul ul a {
        background: #6C6C6C;
        color: #ffffff;
        height: auto;
        line-height: 39px;
        padding: 10px 10px;
        width: 100%;
        box-shadow: ;
    }

    .mobile-nav-left li:hover > a,
    .mobile-nav-left li:hover,
    .mobile-nav-left ul ul :hover > a,
    .mobile-nav-left a:focus {
        background: #252525;
        color: #ffffff;
    }

    .mobile-nav-left li:hover > a,
    .mobile-nav-left li:hover,
    .mobile-nav-left a:focus {
        background: #ffffff;
        color: #000000;
    }

    .mobile-nav-left ul li:hover > ul {
        display: block;
        position: static;
    }

    .mobile-nav-left .current-menu-item > a,
    .mobile-nav-left .current-menu-ancestor > a,
    .mobile-nav-left .current_page_item > a,
    .mobile-nav-left .current_page_ancestor > a {
    }

    .mobile-nav-right {
        width: 50%;
        float: left;
        position: relative;
    }

    .mobile-nav-right ul {
        list-style: none;
        margin: 0 0 0 0px;
        padding-left: 0;
    }

    .mobile-nav-right li {
        display: block;
        width: 100%;
        padding: 5px -3px 5px 3px;
        margin-bottom: 4px;
    }

    .mobile-nav-right li:last-child {
        margin-bottom: 0px;
    }

    .mobile-nav-right a {
        color: #ffffff;
        display: block;
        line-height: 41px;
        padding: 0 12px;
        padding-right: 0px;
        text-decoration: none;  
        font-family: 'Lato';
        font-size: 16px;
        font-weight: 300; 
    }

    .mobile-nav-right ul > li {
        margin-left: 0px;
    }

    .mobile-nav-right ul ul {
        display: none;
        float: left;
        position: absolute;
        background: #000000;
        width: 100%;
    }

    .mobile-nav-right ul ul li {
        background: #000000;
    }

    .mobile-nav-right ul ul ul {
        left: 100%;
        top: 0;
    }

    .mobile-nav-right ul ul a {
        background: #000000;
        color: #ffffff;
        font-size: 16px;
        font-weight: 300;
        height: auto;
        padding: 10px 10px;
        width: 100%;
    }

    .mobile-nav-right li:hover > a,
    .mobile-nav-right li:hover,
    .mobile-nav-right ul ul :hover > a,
    .mobile-nav-right a:focus {
        background: #B3B3B3;
        color: #000000;
    }

    .mobile-nav-right li:hover > a,
    .mobile-nav-right li:hover,
    .mobile-nav-right a:focus {
        background: #B3B3B3;
        color: #000000;
    }

    .mobile-nav-right ul li:hover > ul {
        display: block;
        position: static;
    }

    .main-menu .current-menu-item > a,
    .main-menu .current-menu-ancestor > a,
    .main-menu .current_page_item > a,
    .main-menu .current_page_ancestor > a {
    }

    /* Header -------------------- */
    .header-area {
        width: 520px !important;
    }

    .masthead {
        width: 520px !important;
        text-align: center;
    }

    h1.site-title {
        font-size: 55px !important;
    }

    h2.site-description {
        font-size: 24px !important;
    }

    .social-area {
        margin-left: 15px;
    }

    .giornalismo-social-link {
        width: 25px;
        min-width: 25px;
    }

    .giornalismo-social-link p {
        display: none !important;
    }

    .header-right {
        width: 520px !important;
        float: left !important;
        margin-top: 10px !important;
        margin-bottom: 10px !important;
        text-align: center;
    }

    .breaking-news-box {
        height: 100% !important;
    }

    .breaking-news-left {
        width: 100% !important;
        float: left;
        position: relative;
        height: 100% !important;
    }

    .breaking-news-right {
        width: 100% !important;
        float: left !important;
        position: relative !important;
        height: 100% !important;
        padding-bottom: 10px;
    }

    .todays-date {
        border-top: 1px solid #000000;
    }

    /* Wrap -------------------- */
    .wrap {
        width: 520px;
    }

    /* Sidebars -------------------- */
    .mobile-sidebar{
        display: block !important;
        float: left;
        position: relative;
        margin: auto;
        width: 510px;
    }

    .mobile-sidebar .right-sidebar {
        display: block !important;
        width: 100%;
        border-left: 0px;
    }

    .mobile-sidebar .left-sidebar {
        display: none !important;
        border-right: 0px;
    }

    .left-sidebar {
        display: none;
    }

    .right-sidebar {
        display: none;
    }

    /* Home -------------------- */
    .home-posts-area {
        width: 510px !important;
        margin: auto !important;
        padding-right: 0px !important;
    }

    .home-center {
        width: 510px !important;
        margin: auto !important;
    }

    /* Top Story -------------------- */
    .top-story {
        width: 510px !important;
        padding: 0px !important;
        margin: 0px !important;
    }

    .top-story .featured-photo {
        width: 510px !important;
        height: 306px !important;
    }

    /* Column One -------------------- */
    .column-one {
        width: 510px !important;
        padding: 0px !important;
        border: none !important;
    }

    .column-one .featured-photo {
        width: 510px !important;
        height: 306px !important;
    }

    /* Column Two -------------------- */
    .column-two {
        width: 510px !important;
        padding: 0px !important;
        border: none !important;
        float: left !important;
        position: relative !important;
    }

    .column-two .featured-photo {
        width: 510px !important;
        height: 306px !important;
    }

    /* Column Three -------------------- */
    .column-three {
        width: 510px !important;
        padding: 0px !important;
        border: none !important;
        float: left !important;
        position: relative !important;
    }

    .column-three .featured-photo {
        width: 510px !important;
        height: 306px !important;
    }

    /* Single Post -------------------- */
    .post-single {
        width: 510px !important;
        margin: auto;
        float: none;
        padding: 0px !important;
    }

    .post-single hr {
        display: none;
    }

    .post-single .featured-photo {
        width: 510px !important;
        height: 306px !important;
    }

    .post-single .story-lines {
        width: 100% !important;
        border-right: 0px !important;
    }

    .post-single .related-stories, .post-single .latest-category {
        height: auto !important;
    }

    .post-single .related-stories .story, .post-single .latest-category .story {
        width: 100% !important;
        margin: 0px !important;
    }

    .post-single .related-stories .photo, .post-single .latest-category .photo {
        width: 510px !important;
        height: 306px !important;
    }

    .post-single .author-bio .author-social {
        width: 35px;
        height: 35px;
    }

    /* Comments -------------------- */
    form#commentform textarea {
        width: 100%;
    } 

    /* Archive -------------------- */
    .index {
        width: 510px;
        float: none;
        position: relative;
        margin: auto;
        padding: 0px !important;
    }

    .index .photo-area {
        width: 100% !important;
    }

    .index .photo {
        width: 510px !important;
        height: 306px !important;
        margin: auto;
    }

    .index .headline, .index .headline a, .index .headline a:hover, .index .headline a:visited {
        font-size: 28px;
    }

    .index .label-head h5, .index .label-head h5 a, .index .label-head h5 a:hover, .index .label-head h5 a:hover {
        font-size: 16px;
        width: 100%;
        margin-bottom: 3px;
    }

    /* Author -------------------- */
    .index .author-bio .author-social {
        width: 35px;
        height: 35px;
    }

    /* Page ---------------------- */
    .page-single {
        width: 510px !important;
        margin: auto;
        float: none !important;
        padding: 0px !important;
    }

    /* Staff Page ---------------------- */
    .staff {
        width: 510px !important;
        margin: auto;
        float: none !important;
        padding: 0px !important;
    }

    /* 404 Page ---------------------- */
    .post-404 {
        width: 510px !important;
        margin: auto;
        float: none !important;
        padding: 0px !important;
    }

    /* Footer ---------------------- */
    .footer p {
        font-family: 'Lato', sans-serif;
        font-size: 14px;
        color: #000000;
    }
}

/*
XIII. Screen Width between 541 px and 560px---------------- */
@media only screen and (min-width: 541px) and (max-width: 560px) {
    /* Menus -------------------- */
    .top-menu, .main-menu {
        display: none !important;
    }

    .mobile-nav-area {
        display: block !important;
        width: 100%;
    }

    .mobile-nav-bar {
        width: 100%;
        height: 40px;
        background-color: #252525;
        text-align: center;
        padding: 3px 0px;
    }

    .mobile-nav-icon {
        text-align: left;
        width: 30px;
        float: left;
        position: relative;
        margin-top: 3px;
    }

    .mobile-nav-bar h5 {
        color: #ffffff;
        font-family: 'Lato', sans-serif;
        font-weight: 300;
        font-size: 28px;
        padding-bottom: 2px;
        margin: 0px;
    }

    .mobile-nav {
        width: 100%;
        background-color: #252525;
        height: auto;
    }

    .mobile-nav-left {
        width: 50%;
        float: left;
        position: relative;
        font-family: 'Oswald';
        font-size: 26px;
        background-color: #000000;
    }

    .mobile-nav-left ul {
        list-style: none;
        margin: 0 0 0 0px;
        padding-left: 0;
    }

    .mobile-nav-left li {
        display: block;
        width: 100%;
        padding: 5px -3px 5px 3px;
        background-color: #000000;
        margin-bottom: 4px
    }

    .mobile-nav-left li:last-child {
        margin-bottom: 0px;
    }

    .mobile-nav-left a {
        color: #ffffff;
        display: block;
        line-height: 39px;
        padding: 3px 12px;
        text-decoration: none;
    }

    .mobile-nav-left ul > li {
        margin-left: 0px;
    }

    .mobile-nav-left ul ul {
        display: none;
        position: absolute;
        width: 100%;
        background: #6C6C6C;
    }

    .mobile-nav-left ul ul li {
        background: #6C6C6C;
    }

    .mobile-nav-left ul ul ul {
        left: 100%;
        top: 0;
    }

    .mobile-nav-left ul ul a {
        background: #6C6C6C;
        color: #ffffff;
        height: auto;
        line-height: 39px;
        padding: 10px 10px;
        width: 100%;
        box-shadow: ;
    }

    .mobile-nav-left li:hover > a,
    .mobile-nav-left li:hover,
    .mobile-nav-left ul ul :hover > a,
    .mobile-nav-left a:focus {
        background: #252525;
        color: #ffffff;
    }

    .mobile-nav-left li:hover > a,
    .mobile-nav-left li:hover,
    .mobile-nav-left a:focus {
        background: #ffffff;
        color: #000000;
    }

    .mobile-nav-left ul li:hover > ul {
        display: block;
        position: static;
    }

    .mobile-nav-left .current-menu-item > a,
    .mobile-nav-left .current-menu-ancestor > a,
    .mobile-nav-left .current_page_item > a,
    .mobile-nav-left .current_page_ancestor > a {
    }

    .mobile-nav-right {
        width: 50%;
        float: left;
        position: relative;
    }

    .mobile-nav-right ul {
        list-style: none;
        margin: 0 0 0 0px;
        padding-left: 0;
    }

    .mobile-nav-right li {
        display: block;
        width: 100%;
        padding: 5px -3px 5px 3px;
        margin-bottom: 4px;
    }

    .mobile-nav-right li:last-child {
        margin-bottom: 0px;
    }

    .mobile-nav-right a {
        color: #ffffff;
        display: block;
        line-height: 41px;
        padding: 0 12px;
        padding-right: 0px;
        text-decoration: none;  
        font-family: 'Lato';
        font-size: 16px;
        font-weight: 300; 
    }

    .mobile-nav-right ul > li {
        margin-left: 0px;
    }

    .mobile-nav-right ul ul {
        display: none;
        float: left;
        position: absolute;
        background: #000000;
        width: 100%;
    }

    .mobile-nav-right ul ul li {
        background: #000000;
    }

    .mobile-nav-right ul ul ul {
        left: 100%;
        top: 0;
    }

    .mobile-nav-right ul ul a {
        background: #000000;
        color: #ffffff;
        font-size: 16px;
        font-weight: 300;
        height: auto;
        padding: 10px 10px;
        width: 100%;
    }

    .mobile-nav-right li:hover > a,
    .mobile-nav-right li:hover,
    .mobile-nav-right ul ul :hover > a,
    .mobile-nav-right a:focus {
        background: #B3B3B3;
        color: #000000;
    }

    .mobile-nav-right li:hover > a,
    .mobile-nav-right li:hover,
    .mobile-nav-right a:focus {
        background: #B3B3B3;
        color: #000000;
    }

    .mobile-nav-right ul li:hover > ul {
        display: block;
        position: static;
    }

    .main-menu .current-menu-item > a,
    .main-menu .current-menu-ancestor > a,
    .main-menu .current_page_item > a,
    .main-menu .current_page_ancestor > a {
    }

    /* Header -------------------- */
    .header-area {
        width: 540px !important;
    }

    .masthead {
        width: 540px !important;
        text-align: center;
    }

    h1.site-title {
        font-size: 55px !important;
    }

    h2.site-description {
        font-size: 24px !important;
    }

    .social-area {
        margin-left: 15px;
    }

    .giornalismo-social-link {
        width: 25px;
        min-width: 25px;
    }

    .giornalismo-social-link p {
        display: none !important;
    }

    .header-right {
        width: 540px !important;
        float: left !important;
        margin-top: 10px !important;
        margin-bottom: 10px !important;
        text-align: center;
    }

    .breaking-news-box {
        height: 100% !important;
    }

    .breaking-news-left {
        width: 100% !important;
        float: left;
        position: relative;
        height: 100% !important;
    }

    .breaking-news-right {
        width: 100% !important;
        float: left !important;
        position: relative !important;
        height: 100% !important;
        padding-bottom: 10px;
    }

    .todays-date {
        border-top: 1px solid #000000;
    }

    /* Wrap -------------------- */
    .wrap {
        width: 540px;
    }

    /* Sidebars -------------------- */
    .mobile-sidebar{
        display: block !important;
        float: left;
        position: relative;
        margin: auto;
        width: 530px;
    }

    .mobile-sidebar .right-sidebar {
        display: block !important;
        width: 100%;
        border-left: 0px;
    }

    .mobile-sidebar .left-sidebar {
        display: none !important;
        border-right: 0px;
    }

    .left-sidebar {
        display: none;
    }

    .right-sidebar {
        display: none;
    }

    /* Home -------------------- */
    .home-posts-area {
        width: 530px !important;
        margin: auto !important;
        padding-right: 0px !important;
    }

    .home-center {
        width: 530px !important;
        margin: auto !important;
    }

    /* Top Story -------------------- */
    .top-story {
        width: 530px !important;
        padding: 0px !important;
        margin: 0px !important;
    }

    .top-story .featured-photo {
        width: 530px !important;
        height: 318px !important;
    }

    /* Column One -------------------- */
    .column-one {
        width: 530px !important;
        padding: 0px !important;
        border: none !important;
    }

    .column-one .featured-photo {
        width: 530px !important;
        height: 318px !important;
    }

    /* Column Two -------------------- */
    .column-two {
        width: 530px !important;
        padding: 0px !important;
        border: none !important;
        float: left !important;
        position: relative !important;
    }

    .column-two .featured-photo {
        width: 530px !important;
        height: 318px !important;
    }

    /* Column Three -------------------- */
    .column-three {
        width: 530px !important;
        padding: 0px !important;
        border: none !important;
        float: left !important;
        position: relative !important;
    }

    .column-three .featured-photo {
        width: 530px !important;
        height: 318px !important;
    }

    /* Single Post -------------------- */
    .post-single {
        width: 530px !important;
        margin: auto;
        float: none;
        padding: 0px !important;
    }

    .post-single hr {
        display: none;
    }

    .post-single .featured-photo {
        width: 530px !important;
        height: 318px !important;
    }

    .post-single .story-lines {
        width: 100% !important;
        border-right: 0px !important;
    }

    .post-single .related-stories, .post-single .latest-category {
        height: auto !important;
    }

    .post-single .related-stories .story, .post-single .latest-category .story {
        width: 100% !important;
        margin: 0px !important;
    }

    .post-single .related-stories .photo, .post-single .latest-category .photo {
        width: 530px !important;
        height: 318px !important;
    }

    .post-single .author-bio .author-social {
        width: 35px;
        height: 35px;
    }

    /* Comments -------------------- */
    form#commentform textarea {
        width: 100%;
    } 

    /* Archive -------------------- */
    .index {
        width: 530px;
        float: none;
        position: relative;
        margin: auto;
        padding: 0px !important;
    }

    .index .photo-area {
        width: 100% !important;
    }

    .index .photo {
        width: 530px !important;
        height: 318px !important;
        margin: auto;
    }

    .index .headline, .index .headline a, .index .headline a:hover, .index .headline a:visited {
        font-size: 28px;
    }

    .index .label-head h5, .index .label-head h5 a, .index .label-head h5 a:hover, .index .label-head h5 a:hover {
        font-size: 16px;
        width: 100%;
        margin-bottom: 3px;
    }

    /* Author -------------------- */
    .index .author-bio .author-social {
        width: 35px;
        height: 35px;
    }

    /* Page ---------------------- */
    .page-single {
        width: 530px !important;
        margin: auto;
        float: none !important;
        padding: 0px !important;
    }

    /* Staff Page ---------------------- */
    .staff {
        width: 530px !important;
        margin: auto;
        float: none !important;
        padding: 0px !important;
    }

    /* 404 Page ---------------------- */
    .post-404 {
        width: 530px !important;
        margin: auto;
        float: none !important;
        padding: 0px !important;
    }

    /* Footer ---------------------- */
    .footer p {
        font-family: 'Lato', sans-serif;
        font-size: 14px;
        color: #000000;
    }
}

/*
XIV. Screen Width between 561 px and 580px---------------- */
@media only screen and (min-width: 561px) and (max-width: 580px) {
    /* Menus -------------------- */
    .top-menu, .main-menu {
        display: none !important;
    }

    .mobile-nav-area {
        display: block !important;
        width: 100%;
    }

    .mobile-nav-bar {
        width: 100%;
        height: 40px;
        background-color: #252525;
        text-align: center;
        padding: 3px 0px;
    }

    .mobile-nav-icon {
        text-align: left;
        width: 30px;
        float: left;
        position: relative;
        margin-top: 3px;
    }

    .mobile-nav-bar h5 {
        color: #ffffff;
        font-family: 'Lato', sans-serif;
        font-weight: 300;
        font-size: 28px;
        padding-bottom: 2px;
        margin: 0px;
    }

    .mobile-nav {
        width: 100%;
        background-color: #252525;
        height: auto;
    }

    .mobile-nav-left {
        width: 50%;
        float: left;
        position: relative;
        font-family: 'Oswald';
        font-size: 26px;
        background-color: #000000;
    }

    .mobile-nav-left ul {
        list-style: none;
        margin: 0 0 0 0px;
        padding-left: 0;
    }

    .mobile-nav-left li {
        display: block;
        width: 100%;
        padding: 5px -3px 5px 3px;
        background-color: #000000;
        margin-bottom: 4px
    }

    .mobile-nav-left li:last-child {
        margin-bottom: 0px;
    }

    .mobile-nav-left a {
        color: #ffffff;
        display: block;
        line-height: 39px;
        padding: 3px 12px;
        text-decoration: none;
    }

    .mobile-nav-left ul > li {
        margin-left: 0px;
    }

    .mobile-nav-left ul ul {
        display: none;
        position: absolute;
        width: 100%;
        background: #6C6C6C;
    }

    .mobile-nav-left ul ul li {
        background: #6C6C6C;
    }

    .mobile-nav-left ul ul ul {
        left: 100%;
        top: 0;
    }

    .mobile-nav-left ul ul a {
        background: #6C6C6C;
        color: #ffffff;
        height: auto;
        line-height: 39px;
        padding: 10px 10px;
        width: 100%;
        box-shadow: ;
    }

    .mobile-nav-left li:hover > a,
    .mobile-nav-left li:hover,
    .mobile-nav-left ul ul :hover > a,
    .mobile-nav-left a:focus {
        background: #252525;
        color: #ffffff;
    }

    .mobile-nav-left li:hover > a,
    .mobile-nav-left li:hover,
    .mobile-nav-left a:focus {
        background: #ffffff;
        color: #000000;
    }

    .mobile-nav-left ul li:hover > ul {
        display: block;
        position: static;
    }

    .mobile-nav-left .current-menu-item > a,
    .mobile-nav-left .current-menu-ancestor > a,
    .mobile-nav-left .current_page_item > a,
    .mobile-nav-left .current_page_ancestor > a {
    }

    .mobile-nav-right {
        width: 50%;
        float: left;
        position: relative;
    }

    .mobile-nav-right ul {
        list-style: none;
        margin: 0 0 0 0px;
        padding-left: 0;
    }

    .mobile-nav-right li {
        display: block;
        width: 100%;
        padding: 5px -3px 5px 3px;
        margin-bottom: 4px;
    }

    .mobile-nav-right li:last-child {
        margin-bottom: 0px;
    }

    .mobile-nav-right a {
        color: #ffffff;
        display: block;
        line-height: 41px;
        padding: 0 12px;
        padding-right: 0px;
        text-decoration: none;  
        font-family: 'Lato';
        font-size: 16px;
        font-weight: 300; 
    }

    .mobile-nav-right ul > li {
        margin-left: 0px;
    }

    .mobile-nav-right ul ul {
        display: none;
        float: left;
        position: absolute;
        background: #000000;
        width: 100%;
    }

    .mobile-nav-right ul ul li {
        background: #000000;
    }

    .mobile-nav-right ul ul ul {
        left: 100%;
        top: 0;
    }

    .mobile-nav-right ul ul a {
        background: #000000;
        color: #ffffff;
        font-size: 16px;
        font-weight: 300;
        height: auto;
        padding: 10px 10px;
        width: 100%;
    }

    .mobile-nav-right li:hover > a,
    .mobile-nav-right li:hover,
    .mobile-nav-right ul ul :hover > a,
    .mobile-nav-right a:focus {
        background: #B3B3B3;
        color: #000000;
    }

    .mobile-nav-right li:hover > a,
    .mobile-nav-right li:hover,
    .mobile-nav-right a:focus {
        background: #B3B3B3;
        color: #000000;
    }

    .mobile-nav-right ul li:hover > ul {
        display: block;
        position: static;
    }

    .main-menu .current-menu-item > a,
    .main-menu .current-menu-ancestor > a,
    .main-menu .current_page_item > a,
    .main-menu .current_page_ancestor > a {
    }

    /* Header -------------------- */
    .header-area {
        width: 560px !important;
    }

    .masthead {
        width: 560px !important;
        text-align: center;
    }

    h1.site-title {
        font-size: 55px !important;
    }

    h2.site-description {
        font-size: 24px !important;
    }

    .social-area {
        margin-left: 15px;
    }

    .giornalismo-social-link {
        width: 25px;
        min-width: 25px;
    }

    .giornalismo-social-link p {
        display: none !important;
    }

    .header-right {
        width: 560px !important;
        float: left !important;
        margin-top: 10px !important;
        margin-bottom: 10px !important;
        text-align: center;
    }

    .breaking-news-box {
        height: 100% !important;
    }

    .breaking-news-left {
        width: 100% !important;
        float: left;
        position: relative;
        height: 100% !important;
    }

    .breaking-news-right {
        width: 100% !important;
        float: left !important;
        position: relative !important;
        height: 100% !important;
        padding-bottom: 10px;
    }

    .todays-date {
        border-top: 1px solid #000000;
    }

    /* Wrap -------------------- */
    .wrap {
        width: 560px;
    }

    /* Sidebars -------------------- */
    .mobile-sidebar{
        display: block !important;
        float: left;
        position: relative;
        margin: auto;
        width: 550px;
    }

    .mobile-sidebar .right-sidebar {
        display: block !important;
        width: 100%;
        border-left: 0px;
    }

    .mobile-sidebar .left-sidebar {
        display: none !important;
        border-right: 0px;
    }

    .left-sidebar {
        display: none;
    }

    .right-sidebar {
        display: none;
    }

    /* Home -------------------- */
    .home-posts-area {
        width: 550px !important;
        margin: auto !important;
        padding-right: 0px !important;
    }

    .home-center {
        width: 550px !important;
        margin: auto !important;
    }

    /* Top Story -------------------- */
    .top-story {
        width: 550px !important;
        padding: 0px !important;
        margin: 0px !important;
    }

    .top-story .featured-photo {
        width: 550px !important;
        height: 330px !important;
    }

    /* Column One -------------------- */
    .column-one {
        width: 550px !important;
        padding: 0px !important;
        border: none !important;
    }

    .column-one .featured-photo {
        width: 550px !important;
        height: 330px !important;
    }

    /* Column Two -------------------- */
    .column-two {
        width: 550px !important;
        padding: 0px !important;
        border: none !important;
        float: left !important;
        position: relative !important;
    }

    .column-two .featured-photo {
        width: 550px !important;
        height: 330px !important;
    }

    /* Column Three -------------------- */
    .column-three {
        width: 550px !important;
        padding: 0px !important;
        border: none !important;
        float: left !important;
        position: relative !important;
    }

    .column-three .featured-photo {
        width: 550px !important;
        height: 330px !important;
    }

    /* Single Post -------------------- */
    .post-single {
        width: 550px !important;
        margin: auto;
        float: none;
        padding: 0px !important;
    }

    .post-single hr {
        display: none;
    }

    .post-single .featured-photo {
        width: 550px !important;
        height: 330px !important;
    }

    .post-single .story-lines {
        width: 100% !important;
        border-right: 0px !important;
    }

    .post-single .related-stories, .post-single .latest-category {
        height: auto !important;
    }

    .post-single .related-stories .story, .post-single .latest-category .story {
        width: 100% !important;
        margin: 0px !important;
    }

    .post-single .related-stories .photo, .post-single .latest-category .photo {
        width: 550px !important;
        height: 330px !important;
    }

    .post-single .author-bio .author-social {
        width: 35px;
        height: 35px;
    }

    /* Comments -------------------- */
    form#commentform textarea {
        width: 100%;
    } 

    /* Archive -------------------- */
    .index {
        width: 550px;
        float: none;
        position: relative;
        margin: auto;
        padding: 0px !important;
    }

    .index .photo-area {
        width: 100% !important;
    }

    .index .photo {
        width: 550px !important;
        height: 330px !important;
        margin: auto;
    }

    .index .headline, .index .headline a, .index .headline a:hover, .index .headline a:visited {
        font-size: 28px;
    }

    .index .label-head h5, .index .label-head h5 a, .index .label-head h5 a:hover, .index .label-head h5 a:hover {
        font-size: 16px;
        width: 100%;
        margin-bottom: 3px;
    }

    /* Author -------------------- */
    .index .author-bio .author-social {
        width: 35px;
        height: 35px;
    }

    /* Page ---------------------- */
    .page-single {
        width: 550px !important;
        margin: auto;
        float: none !important;
        padding: 0px !important;
    }

    /* Staff Page ---------------------- */
    .staff {
        width: 550px !important;
        margin: auto;
        float: none !important;
        padding: 0px !important;
    }

    /* 404 Page ---------------------- */
    .post-404 {
        width: 550px !important;
        margin: auto;
        float: none !important;
        padding: 0px !important;
    }

    /* Footer ---------------------- */
    .footer p {
        font-family: 'Lato', sans-serif;
        font-size: 14px;
        color: #000000;
    }
}

/*
XV. Screen Width between 581 px and 600px---------------- */
@media only screen and (min-width: 581px) and (max-width: 600px) {
    /* Menus -------------------- */
    .top-menu, .main-menu {
        display: none !important;
    }

    .mobile-nav-area {
        display: block !important;
        width: 100%;
    }

    .mobile-nav-bar {
        width: 100%;
        height: 40px;
        background-color: #252525;
        text-align: center;
        padding: 3px 0px;
    }

    .mobile-nav-icon {
        text-align: left;
        width: 30px;
        float: left;
        position: relative;
        margin-top: 3px;
    }

    .mobile-nav-bar h5 {
        color: #ffffff;
        font-family: 'Lato', sans-serif;
        font-weight: 300;
        font-size: 28px;
        padding-bottom: 2px;
        margin: 0px;
    }

    .mobile-nav {
        width: 100%;
        background-color: #252525;
        height: auto;
    }

    .mobile-nav-left {
        width: 50%;
        float: left;
        position: relative;
        font-family: 'Oswald';
        font-size: 26px;
        background-color: #000000;
    }

    .mobile-nav-left ul {
        list-style: none;
        margin: 0 0 0 0px;
        padding-left: 0;
    }

    .mobile-nav-left li {
        display: block;
        width: 100%;
        padding: 5px -3px 5px 3px;
        background-color: #000000;
        margin-bottom: 4px
    }

    .mobile-nav-left li:last-child {
        margin-bottom: 0px;
    }

    .mobile-nav-left a {
        color: #ffffff;
        display: block;
        line-height: 39px;
        padding: 3px 12px;
        text-decoration: none;
    }

    .mobile-nav-left ul > li {
        margin-left: 0px;
    }

    .mobile-nav-left ul ul {
        display: none;
        position: absolute;
        width: 100%;
        background: #6C6C6C;
    }

    .mobile-nav-left ul ul li {
        background: #6C6C6C;
    }

    .mobile-nav-left ul ul ul {
        left: 100%;
        top: 0;
    }

    .mobile-nav-left ul ul a {
        background: #6C6C6C;
        color: #ffffff;
        height: auto;
        line-height: 39px;
        padding: 10px 10px;
        width: 100%;
        box-shadow: ;
    }

    .mobile-nav-left li:hover > a,
    .mobile-nav-left li:hover,
    .mobile-nav-left ul ul :hover > a,
    .mobile-nav-left a:focus {
        background: #252525;
        color: #ffffff;
    }

    .mobile-nav-left li:hover > a,
    .mobile-nav-left li:hover,
    .mobile-nav-left a:focus {
        background: #ffffff;
        color: #000000;
    }

    .mobile-nav-left ul li:hover > ul {
        display: block;
        position: static;
    }

    .mobile-nav-left .current-menu-item > a,
    .mobile-nav-left .current-menu-ancestor > a,
    .mobile-nav-left .current_page_item > a,
    .mobile-nav-left .current_page_ancestor > a {
    }

    .mobile-nav-right {
        width: 50%;
        float: left;
        position: relative;
    }

    .mobile-nav-right ul {
        list-style: none;
        margin: 0 0 0 0px;
        padding-left: 0;
    }

    .mobile-nav-right li {
        display: block;
        width: 100%;
        padding: 5px -3px 5px 3px;
        margin-bottom: 4px;
    }

    .mobile-nav-right li:last-child {
        margin-bottom: 0px;
    }

    .mobile-nav-right a {
        color: #ffffff;
        display: block;
        line-height: 41px;
        padding: 0 12px;
        padding-right: 0px;
        text-decoration: none;  
        font-family: 'Lato';
        font-size: 16px;
        font-weight: 300; 
    }

    .mobile-nav-right ul > li {
        margin-left: 0px;
    }

    .mobile-nav-right ul ul {
        display: none;
        float: left;
        position: absolute;
        background: #000000;
        width: 100%;
    }

    .mobile-nav-right ul ul li {
        background: #000000;
    }

    .mobile-nav-right ul ul ul {
        left: 100%;
        top: 0;
    }

    .mobile-nav-right ul ul a {
        background: #000000;
        color: #ffffff;
        font-size: 16px;
        font-weight: 300;
        height: auto;
        padding: 10px 10px;
        width: 100%;
    }

    .mobile-nav-right li:hover > a,
    .mobile-nav-right li:hover,
    .mobile-nav-right ul ul :hover > a,
    .mobile-nav-right a:focus {
        background: #B3B3B3;
        color: #000000;
    }

    .mobile-nav-right li:hover > a,
    .mobile-nav-right li:hover,
    .mobile-nav-right a:focus {
        background: #B3B3B3;
        color: #000000;
    }

    .mobile-nav-right ul li:hover > ul {
        display: block;
        position: static;
    }

    .main-menu .current-menu-item > a,
    .main-menu .current-menu-ancestor > a,
    .main-menu .current_page_item > a,
    .main-menu .current_page_ancestor > a {
    }

    /* Header -------------------- */
    .header-area {
        width: 580px !important;
    }

    .masthead {
        width: 580px !important;
        text-align: center;
    }

    h1.site-title {
        font-size: 55px !important;
    }

    h2.site-description {
        font-size: 24px !important;
    }

    .social-area {
        margin-left: 15px;
    }

    .giornalismo-social-link {
        width: 25px;
        min-width: 25px;
    }

    .giornalismo-social-link p {
        display: none !important;
    }

    .header-right {
        width: 580px !important;
        float: left !important;
        margin-top: 10px !important;
        margin-bottom: 10px !important;
        text-align: center;
    }

    .breaking-news-box {
        height: 100% !important;
    }

    .breaking-news-left {
        width: 100% !important;
        float: left;
        position: relative;
        height: 100% !important;
    }

    .breaking-news-right {
        width: 100% !important;
        float: left !important;
        position: relative !important;
        height: 100% !important;
        padding-bottom: 10px;
    }

    .todays-date {
        border-top: 1px solid #000000;
    }

    /* Wrap -------------------- */
    .wrap {
        width: 580px;
    }

    /* Sidebars -------------------- */
    .mobile-sidebar{
        display: block !important;
        float: left;
        position: relative;
        margin: auto;
        width: 570px;
    }

    .mobile-sidebar .right-sidebar {
        display: block !important;
        width: 100%;
        border-left: 0px;
    }

    .mobile-sidebar .left-sidebar {
        display: none !important;
        border-right: 0px;
    }

    .left-sidebar {
        display: none;
    }

    .right-sidebar {
        display: none;
    }

    /* Home -------------------- */
    .home-posts-area {
        width: 570px !important;
        margin: auto !important;
        padding-right: 0px !important;
    }

    .home-center {
        width: 570px !important;
        margin: auto !important;
    }

    /* Top Story -------------------- */
    .top-story {
        width: 570px !important;
        padding: 0px !important;
        margin: 0px !important;
    }

    .top-story .featured-photo {
        width: 570px !important;
        height: 342px !important;
    }

    /* Column One -------------------- */
    .column-one {
        width: 570px !important;
        padding: 0px !important;
        border: none !important;
    }

    .column-one .featured-photo {
        width: 570px !important;
        height: 342px !important;
    }

    /* Column Two -------------------- */
    .column-two {
        width: 570px !important;
        padding: 0px !important;
        border: none !important;
        float: left !important;
        position: relative !important;
    }

    .column-two .featured-photo {
        width: 570px !important;
        height: 342px !important;
    }

    /* Column Three -------------------- */
    .column-three {
        width: 570px !important;
        padding: 0px !important;
        border: none !important;
        float: left !important;
        position: relative !important;
    }

    .column-three .featured-photo {
        width: 570px !important;
        height: 342px !important;
    }

    /* Single Post -------------------- */
    .post-single {
        width: 570px !important;
        margin: auto;
        float: none;
        padding: 0px !important;
    }

    .post-single hr {
        display: none;
    }

    .post-single .featured-photo {
        width: 570px !important;
        height: 342px !important;
    }

    .post-single .story-lines {
        width: 100% !important;
        border-right: 0px !important;
    }

    .post-single .related-stories, .post-single .latest-category {
        height: auto !important;
    }

    .post-single .related-stories .story, .post-single .latest-category .story {
        width: 100% !important;
        margin: 0px !important;
    }

    .post-single .related-stories .photo, .post-single .latest-category .photo {
        width: 570px !important;
        height: 342px !important;
    }

    .post-single .author-bio .author-social {
        width: 35px;
        height: 35px;
    }

    /* Comments -------------------- */
    form#commentform textarea {
        width: 100%;
    } 

    /* Archive -------------------- */
    .index {
        width: 570px;
        float: none;
        position: relative;
        margin: auto;
        padding: 0px !important;
    }

    .index .photo-area {
        width: 100% !important;
    }

    .index .photo {
        width: 570px !important;
        height: 342px !important;
        margin: auto;
    }

    .index .headline, .index .headline a, .index .headline a:hover, .index .headline a:visited {
        font-size: 28px;
    }

    .index .label-head h5, .index .label-head h5 a, .index .label-head h5 a:hover, .index .label-head h5 a:hover {
        font-size: 16px;
        width: 100%;
        margin-bottom: 3px;
    }

    /* Author -------------------- */
    .index .author-bio .author-social {
        width: 35px;
        height: 35px;
    }

    /* Page ---------------------- */
    .page-single {
        width: 570px !important;
        margin: auto;
        float: none !important;
        padding: 0px !important;
    }

    /* Staff Page ---------------------- */
    .staff {
        width: 570px !important;
        margin: auto;
        float: none !important;
        padding: 0px !important;
    }

    /* 404 Page ---------------------- */
    .post-404 {
        width: 570px !important;
        margin: auto;
        float: none !important;
        padding: 0px !important;
    }

    /* Footer ---------------------- */
    .footer p {
        font-family: 'Lato', sans-serif;
        font-size: 14px;
        color: #000000;
    }
}

/*
XVI. Screen Width between 601 px and 620px---------------- */
@media only screen and (min-width: 601px) and (max-width: 620px) {
    /* Menus -------------------- */
    .top-menu, .main-menu {
        display: none !important;
    }

    .mobile-nav-area {
        display: block !important;
        width: 100%;
    }

    .mobile-nav-bar {
        width: 100%;
        height: 40px;
        background-color: #252525;
        text-align: center;
        padding: 3px 0px;
    }

    .mobile-nav-icon {
        text-align: left;
        width: 30px;
        float: left;
        position: relative;
        margin-top: 3px;
    }

    .mobile-nav-bar h5 {
        color: #ffffff;
        font-family: 'Lato', sans-serif;
        font-weight: 300;
        font-size: 28px;
        padding-bottom: 2px;
        margin: 0px;
    }

    .mobile-nav {
        width: 100%;
        background-color: #252525;
        height: auto;
    }

    .mobile-nav-left {
        width: 50%;
        float: left;
        position: relative;
        font-family: 'Oswald';
        font-size: 26px;
        background-color: #000000;
    }

    .mobile-nav-left ul {
        list-style: none;
        margin: 0 0 0 0px;
        padding-left: 0;
    }

    .mobile-nav-left li {
        display: block;
        width: 100%;
        padding: 5px -3px 5px 3px;
        background-color: #000000;
        margin-bottom: 4px
    }

    .mobile-nav-left li:last-child {
        margin-bottom: 0px;
    }

    .mobile-nav-left a {
        color: #ffffff;
        display: block;
        line-height: 39px;
        padding: 3px 12px;
        text-decoration: none;
    }

    .mobile-nav-left ul > li {
        margin-left: 0px;
    }

    .mobile-nav-left ul ul {
        display: none;
        position: absolute;
        width: 100%;
        background: #6C6C6C;
    }

    .mobile-nav-left ul ul li {
        background: #6C6C6C;
    }

    .mobile-nav-left ul ul ul {
        left: 100%;
        top: 0;
    }

    .mobile-nav-left ul ul a {
        background: #6C6C6C;
        color: #ffffff;
        height: auto;
        line-height: 39px;
        padding: 10px 10px;
        width: 100%;
        box-shadow: ;
    }

    .mobile-nav-left li:hover > a,
    .mobile-nav-left li:hover,
    .mobile-nav-left ul ul :hover > a,
    .mobile-nav-left a:focus {
        background: #252525;
        color: #ffffff;
    }

    .mobile-nav-left li:hover > a,
    .mobile-nav-left li:hover,
    .mobile-nav-left a:focus {
        background: #ffffff;
        color: #000000;
    }

    .mobile-nav-left ul li:hover > ul {
        display: block;
        position: static;
    }

    .mobile-nav-left .current-menu-item > a,
    .mobile-nav-left .current-menu-ancestor > a,
    .mobile-nav-left .current_page_item > a,
    .mobile-nav-left .current_page_ancestor > a {
    }

    .mobile-nav-right {
        width: 50%;
        float: left;
        position: relative;
    }

    .mobile-nav-right ul {
        list-style: none;
        margin: 0 0 0 0px;
        padding-left: 0;
    }

    .mobile-nav-right li {
        display: block;
        width: 100%;
        padding: 5px -3px 5px 3px;
        margin-bottom: 4px;
    }

    .mobile-nav-right li:last-child {
        margin-bottom: 0px;
    }

    .mobile-nav-right a {
        color: #ffffff;
        display: block;
        line-height: 41px;
        padding: 0 12px;
        padding-right: 0px;
        text-decoration: none;  
        font-family: 'Lato';
        font-size: 16px;
        font-weight: 300; 
    }

    .mobile-nav-right ul > li {
        margin-left: 0px;
    }

    .mobile-nav-right ul ul {
        display: none;
        float: left;
        position: absolute;
        background: #000000;
        width: 100%;
    }

    .mobile-nav-right ul ul li {
        background: #000000;
    }

    .mobile-nav-right ul ul ul {
        left: 100%;
        top: 0;
    }

    .mobile-nav-right ul ul a {
        background: #000000;
        color: #ffffff;
        font-size: 16px;
        font-weight: 300;
        height: auto;
        padding: 10px 10px;
        width: 100%;
    }

    .mobile-nav-right li:hover > a,
    .mobile-nav-right li:hover,
    .mobile-nav-right ul ul :hover > a,
    .mobile-nav-right a:focus {
        background: #B3B3B3;
        color: #000000;
    }

    .mobile-nav-right li:hover > a,
    .mobile-nav-right li:hover,
    .mobile-nav-right a:focus {
        background: #B3B3B3;
        color: #000000;
    }

    .mobile-nav-right ul li:hover > ul {
        display: block;
        position: static;
    }

    .main-menu .current-menu-item > a,
    .main-menu .current-menu-ancestor > a,
    .main-menu .current_page_item > a,
    .main-menu .current_page_ancestor > a {
    }

    /* Header -------------------- */
    .header-area {
        width: 600px !important;
    }

    .masthead {
        width: 600px !important;
        text-align: center;
    }

    h1.site-title {
        font-size: 55px !important;
    }

    h2.site-description {
        font-size: 24px !important;
    }

    .social-area {
        margin-left: 15px;
    }

    .giornalismo-social-link {
        width: 25px;
        min-width: 25px;
    }

    .giornalismo-social-link p {
        display: none !important;
    }

    .header-right {
        width: 600px !important;
        float: left !important;
        margin-top: 10px !important;
        margin-bottom: 10px !important;
        text-align: center;
    }

    .breaking-news-box {
        height: 100% !important;
    }

    .breaking-news-left {
        width: 100% !important;
        float: left;
        position: relative;
        height: 100% !important;
    }

    .breaking-news-right {
        width: 100% !important;
        float: left !important;
        position: relative !important;
        height: 100% !important;
        padding-bottom: 10px;
    }

    .todays-date {
        border-top: 1px solid #000000;
    }

    /* Wrap -------------------- */
    .wrap {
        width: 600px;
    }

    /* Sidebars -------------------- */
    .mobile-sidebar{
        display: block !important;
        float: left;
        position: relative;
        margin: auto;
        width: 590px;
    }

    .mobile-sidebar .right-sidebar {
        display: block !important;
        width: 100%;
        border-left: 0px;
    }

    .mobile-sidebar .left-sidebar {
        display: none !important;
        border-right: 0px;
    }

    .left-sidebar {
        display: none;
    }

    .right-sidebar {
        display: none;
    }

    /* Home -------------------- */
    .home-posts-area {
        width: 590px !important;
        margin: auto !important;
        padding-right: 0px !important;
    }

    .home-center {
        width: 590px !important;
        margin: auto !important;
    }

    /* Top Story -------------------- */
    .top-story {
        width: 590px !important;
        padding: 0px !important;
        margin: 0px !important;
    }

    .top-story .featured-photo {
        width: 590px !important;
        height: 354px !important;
    }

    /* Column One -------------------- */
    .column-one {
        width: 590px !important;
        padding: 0px !important;
        border: none !important;
    }

    .column-one .featured-photo {
        width: 590px !important;
        height: 354px !important;
    }

    /* Column Two -------------------- */
    .column-two {
        width: 590px !important;
        padding: 0px !important;
        border: none !important;
        float: left !important;
        position: relative !important;
    }

    .column-two .featured-photo {
        width: 590px !important;
        height: 354px !important;
    }

    /* Column Three -------------------- */
    .column-three {
        width: 590px !important;
        padding: 0px !important;
        border: none !important;
        float: left !important;
        position: relative !important;
    }

    .column-three .featured-photo {
        width: 590px !important;
        height: 354px !important;
    }

    /* Single Post -------------------- */
    .post-single {
        width: 590px !important;
        margin: auto;
        float: none;
        padding: 0px !important;
    }

    .post-single hr {
        display: none;
    }

    .post-single .featured-photo {
        width: 590px !important;
        height: 354px !important;
    }

    .post-single .story-lines {
        width: 100% !important;
        border-right: 0px !important;
    }

    .post-single .related-stories, .post-single .latest-category {
        height: auto !important;
    }

    .post-single .related-stories .story, .post-single .latest-category .story {
        width: 100% !important;
        margin: 0px !important;
    }

    .post-single .related-stories .photo, .post-single .latest-category .photo {
        width: 590px !important;
        height: 354px !important;
    }

    .post-single .author-bio .author-social {
        width: 35px;
        height: 35px;
    }

    /* Comments -------------------- */
    form#commentform textarea {
        width: 100%;
    } 

    /* Archive -------------------- */
    .index {
        width: 590px;
        float: none;
        position: relative;
        margin: auto;
        padding: 0px !important;
    }

    .index .photo-area {
        width: 100% !important;
    }

    .index .photo {
        width: 590px !important;
        height: 354px !important;
        margin: auto;
    }

    .index .headline, .index .headline a, .index .headline a:hover, .index .headline a:visited {
        font-size: 28px;
    }

    .index .label-head h5, .index .label-head h5 a, .index .label-head h5 a:hover, .index .label-head h5 a:hover {
        font-size: 16px;
        width: 100%;
        margin-bottom: 3px;
    }

    /* Author -------------------- */
    .index .author-bio .author-social {
        width: 35px;
        height: 35px;
    }

    /* Page ---------------------- */
    .page-single {
        width: 590px !important;
        margin: auto;
        float: none !important;
        padding: 0px !important;
    }

    /* Staff Page ---------------------- */
    .staff {
        width: 590px !important;
        margin: auto;
        float: none !important;
        padding: 0px !important;
    }

    /* 404 Page ---------------------- */
    .post-404 {
        width: 590px !important;
        margin: auto;
        float: none !important;
        padding: 0px !important;
    }

    /* Footer ---------------------- */
    .footer p {
        font-family: 'Lato', sans-serif;
        font-size: 14px;
        color: #000000;
    }
}

/*
XVII. Screen Width between 621 px and 640px---------------- */
@media only screen and (min-width: 621px) and (max-width: 640px) {
    /* Menus -------------------- */
    .top-menu, .main-menu {
        display: none !important;
    }

    .mobile-nav-area {
        display: block !important;
        width: 100%;
    }

    .mobile-nav-bar {
        width: 100%;
        height: 40px;
        background-color: #252525;
        text-align: center;
        padding: 3px 0px;
    }

    .mobile-nav-icon {
        text-align: left;
        width: 30px;
        float: left;
        position: relative;
        margin-top: 3px;
    }

    .mobile-nav-bar h5 {
        color: #ffffff;
        font-family: 'Lato', sans-serif;
        font-weight: 300;
        font-size: 28px;
        padding-bottom: 2px;
        margin: 0px;
    }

    .mobile-nav {
        width: 100%;
        background-color: #252525;
        height: auto;
    }

    .mobile-nav-left {
        width: 50%;
        float: left;
        position: relative;
        font-family: 'Oswald';
        font-size: 26px;
        background-color: #000000;
    }

    .mobile-nav-left ul {
        list-style: none;
        margin: 0 0 0 0px;
        padding-left: 0;
    }

    .mobile-nav-left li {
        display: block;
        width: 100%;
        padding: 5px -3px 5px 3px;
        background-color: #000000;
        margin-bottom: 4px
    }

    .mobile-nav-left li:last-child {
        margin-bottom: 0px;
    }

    .mobile-nav-left a {
        color: #ffffff;
        display: block;
        line-height: 39px;
        padding: 3px 12px;
        text-decoration: none;
    }

    .mobile-nav-left ul > li {
        margin-left: 0px;
    }

    .mobile-nav-left ul ul {
        display: none;
        position: absolute;
        width: 100%;
        background: #6C6C6C;
    }

    .mobile-nav-left ul ul li {
        background: #6C6C6C;
    }

    .mobile-nav-left ul ul ul {
        left: 100%;
        top: 0;
    }

    .mobile-nav-left ul ul a {
        background: #6C6C6C;
        color: #ffffff;
        height: auto;
        line-height: 39px;
        padding: 10px 10px;
        width: 100%;
        box-shadow: ;
    }

    .mobile-nav-left li:hover > a,
    .mobile-nav-left li:hover,
    .mobile-nav-left ul ul :hover > a,
    .mobile-nav-left a:focus {
        background: #252525;
        color: #ffffff;
    }

    .mobile-nav-left li:hover > a,
    .mobile-nav-left li:hover,
    .mobile-nav-left a:focus {
        background: #ffffff;
        color: #000000;
    }

    .mobile-nav-left ul li:hover > ul {
        display: block;
        position: static;
    }

    .mobile-nav-left .current-menu-item > a,
    .mobile-nav-left .current-menu-ancestor > a,
    .mobile-nav-left .current_page_item > a,
    .mobile-nav-left .current_page_ancestor > a {
    }

    .mobile-nav-right {
        width: 50%;
        float: left;
        position: relative;
    }

    .mobile-nav-right ul {
        list-style: none;
        margin: 0 0 0 0px;
        padding-left: 0;
    }

    .mobile-nav-right li {
        display: block;
        width: 100%;
        padding: 5px -3px 5px 3px;
        margin-bottom: 4px;
    }

    .mobile-nav-right li:last-child {
        margin-bottom: 0px;
    }

    .mobile-nav-right a {
        color: #ffffff;
        display: block;
        line-height: 41px;
        padding: 0 12px;
        padding-right: 0px;
        text-decoration: none;  
        font-family: 'Lato';
        font-size: 16px;
        font-weight: 300; 
    }

    .mobile-nav-right ul > li {
        margin-left: 0px;
    }

    .mobile-nav-right ul ul {
        display: none;
        float: left;
        position: absolute;
        background: #000000;
        width: 100%;
    }

    .mobile-nav-right ul ul li {
        background: #000000;
    }

    .mobile-nav-right ul ul ul {
        left: 100%;
        top: 0;
    }

    .mobile-nav-right ul ul a {
        background: #000000;
        color: #ffffff;
        font-size: 16px;
        font-weight: 300;
        height: auto;
        padding: 10px 10px;
        width: 100%;
    }

    .mobile-nav-right li:hover > a,
    .mobile-nav-right li:hover,
    .mobile-nav-right ul ul :hover > a,
    .mobile-nav-right a:focus {
        background: #B3B3B3;
        color: #000000;
    }

    .mobile-nav-right li:hover > a,
    .mobile-nav-right li:hover,
    .mobile-nav-right a:focus {
        background: #B3B3B3;
        color: #000000;
    }

    .mobile-nav-right ul li:hover > ul {
        display: block;
        position: static;
    }

    .main-menu .current-menu-item > a,
    .main-menu .current-menu-ancestor > a,
    .main-menu .current_page_item > a,
    .main-menu .current_page_ancestor > a {
    }

    /* Header -------------------- */
    .header-area {
        width: 620px !important;
    }

    .masthead {
        width: 620px !important;
        text-align: center;
    }

    h1.site-title {
        font-size: 55px !important;
    }

    h2.site-description {
        font-size: 24px !important;
    }

    .social-area {
        margin-left: 15px;
    }

    .giornalismo-social-link {
        width: 25px;
        min-width: 25px;
    }

    .giornalismo-social-link p {
        display: none !important;
    }

    .header-right {
        width: 620px !important;
        float: left !important;
        margin-top: 10px !important;
        margin-bottom: 10px !important;
        text-align: center;
    }

    .breaking-news-box {
        height: 100% !important;
    }

    .breaking-news-left {
        width: 100% !important;
        float: left;
        position: relative;
        height: 100% !important;
    }

    .breaking-news-right {
        width: 100% !important;
        float: left !important;
        position: relative !important;
        height: 100% !important;
        padding-bottom: 10px;
    }

    .todays-date {
        border-top: 1px solid #000000;
    }

    /* Wrap -------------------- */
    .wrap {
        width: 620px;
    }

    /* Sidebars -------------------- */
    .mobile-sidebar{
        display: block !important;
        float: left;
        position: relative;
        margin: auto;
        width: 610px;
    }

    .mobile-sidebar .right-sidebar {
        display: block !important;
        width: 100%;
        border-left: 0px;
    }

    .mobile-sidebar .left-sidebar {
        display: none !important;
        border-right: 0px;
    }

    .left-sidebar {
        display: none;
    }

    .right-sidebar {
        display: none;
    }

    /* Home -------------------- */
    .home-posts-area {
        width: 610px !important;
        margin: auto !important;
        padding-right: 0px !important;
    }

    .home-center {
        width: 610px !important;
        margin: auto !important;
    }

    /* Top Story -------------------- */
    .top-story {
        width: 610px !important;
        padding: 0px !important;
        margin: 0px !important;
    }

    .top-story .featured-photo {
        width: 590px !important;
        height: 354px !important;
        margin: auto;
    }

    /* Column One -------------------- */
    .column-one {
        width: 610px !important;
        padding: 0px !important;
        border: none !important;
    }

    .column-one .featured-photo {
        width: 590px !important;
        height: 354px !important;
        margin: auto;
    }

    /* Column Two -------------------- */
    .column-two {
        width: 610px !important;
        padding: 0px !important;
        border: none !important;
        float: left !important;
        position: relative !important;
    }

    .column-two .featured-photo {
        width: 590px !important;
        height: 354px !important;
        margin: auto;
    }

    /* Column Three -------------------- */
    .column-three {
        width: 610px !important;
        padding: 0px !important;
        border: none !important;
        float: left !important;
        position: relative !important;
    }

    .column-three .featured-photo {
        width: 590px !important;
        height: 354px !important;
        margin: auto;
    }

    /* Single Post -------------------- */
    .post-single {
        width: 610px !important;
        margin: auto;
        float: none;
        padding: 0px !important;
    }

    .post-single hr {
        display: none;
    }

    .post-single .featured-photo {
        width: 590px !important;
        height: 354px !important;
        margin: auto;
    }

    .post-single .story-lines {
        width: 100% !important;
        border-right: 0px !important;
    }

    .post-single .related-stories, .post-single .latest-category {
        height: auto !important;
    }

    .post-single .related-stories .story, .post-single .latest-category .story {
        width: 100% !important;
        margin: 0px !important;
    }

    .post-single .related-stories .photo, .post-single .latest-category .photo {
        width: 590px !important;
        height: 354px !important;
        margin: auto;
    }

    .post-single .author-bio .author-social {
        width: 35px;
        height: 35px;
    }

    /* Comments -------------------- */
    form#commentform textarea {
        width: 100%;
    } 

    /* Archive -------------------- */
    .index {
        width: 610px;
        float: none;
        position: relative;
        margin: auto;
        padding: 0px !important;
    }

    .index .photo-area {
        width: 100% !important;
    }

    .index .photo {
        width: 590px !important;
        height: 354px !important;
        margin: auto;
    }

    .index .headline, .index .headline a, .index .headline a:hover, .index .headline a:visited {
        font-size: 28px;
    }

    .index .label-head h5, .index .label-head h5 a, .index .label-head h5 a:hover, .index .label-head h5 a:hover {
        font-size: 16px;
        width: 100%;
        margin-bottom: 3px;
    }

    /* Author -------------------- */
    .index .author-bio .author-social {
        width: 35px;
        height: 35px;
    }

    /* Page ---------------------- */
    .page-single {
        width: 610px !important;
        margin: auto;
        float: none !important;
        padding: 0px !important;
    }

    /* Staff Page ---------------------- */
    .staff {
        width: 610px !important;
        margin: auto;
        float: none !important;
        padding: 0px !important;
    }

    /* 404 Page ---------------------- */
    .post-404 {
        width: 610px !important;
        margin: auto;
        float: none !important;
        padding: 0px !important;
    }

    /* Footer ---------------------- */
    .footer p {
        font-family: 'Lato', sans-serif;
        font-size: 14px;
        color: #000000;
    }
}

/*
XVII. Screen Width between 641 px and 649px---------------- */
@media only screen and (min-width: 641px) and (max-width: 649px) {
    /* Menus -------------------- */
    .top-menu, .main-menu {
        display: none !important;
    }

    .mobile-nav-area {
        display: block !important;
        width: 100%;
    }

    .mobile-nav-bar {
        width: 100%;
        height: 40px;
        background-color: #252525;
        text-align: center;
        padding: 3px 0px;
    }

    .mobile-nav-icon {
        text-align: left;
        width: 30px;
        float: left;
        position: relative;
        margin-top: 3px;
    }

    .mobile-nav-bar h5 {
        color: #ffffff;
        font-family: 'Lato', sans-serif;
        font-weight: 300;
        font-size: 28px;
        padding-bottom: 2px;
        margin: 0px;
    }

    .mobile-nav {
        width: 100%;
        background-color: #252525;
        height: auto;
    }

    .mobile-nav-left {
        width: 50%;
        float: left;
        position: relative;
        font-family: 'Oswald';
        font-size: 26px;
        background-color: #000000;
    }

    .mobile-nav-left ul {
        list-style: none;
        margin: 0 0 0 0px;
        padding-left: 0;
    }

    .mobile-nav-left li {
        display: block;
        width: 100%;
        padding: 5px -3px 5px 3px;
        background-color: #000000;
        margin-bottom: 4px
    }

    .mobile-nav-left li:last-child {
        margin-bottom: 0px;
    }

    .mobile-nav-left a {
        color: #ffffff;
        display: block;
        line-height: 39px;
        padding: 3px 12px;
        text-decoration: none;
    }

    .mobile-nav-left ul > li {
        margin-left: 0px;
    }

    .mobile-nav-left ul ul {
        display: none;
        position: absolute;
        width: 100%;
        background: #6C6C6C;
    }

    .mobile-nav-left ul ul li {
        background: #6C6C6C;
    }

    .mobile-nav-left ul ul ul {
        left: 100%;
        top: 0;
    }

    .mobile-nav-left ul ul a {
        background: #6C6C6C;
        color: #ffffff;
        height: auto;
        line-height: 39px;
        padding: 10px 10px;
        width: 100%;
        box-shadow: ;
    }

    .mobile-nav-left li:hover > a,
    .mobile-nav-left li:hover,
    .mobile-nav-left ul ul :hover > a,
    .mobile-nav-left a:focus {
        background: #252525;
        color: #ffffff;
    }

    .mobile-nav-left li:hover > a,
    .mobile-nav-left li:hover,
    .mobile-nav-left a:focus {
        background: #ffffff;
        color: #000000;
    }

    .mobile-nav-left ul li:hover > ul {
        display: block;
        position: static;
    }

    .mobile-nav-left .current-menu-item > a,
    .mobile-nav-left .current-menu-ancestor > a,
    .mobile-nav-left .current_page_item > a,
    .mobile-nav-left .current_page_ancestor > a {
    }

    .mobile-nav-right {
        width: 50%;
        float: left;
        position: relative;
    }

    .mobile-nav-right ul {
        list-style: none;
        margin: 0 0 0 0px;
        padding-left: 0;
    }

    .mobile-nav-right li {
        display: block;
        width: 100%;
        padding: 5px -3px 5px 3px;
        margin-bottom: 4px;
    }

    .mobile-nav-right li:last-child {
        margin-bottom: 0px;
    }

    .mobile-nav-right a {
        color: #ffffff;
        display: block;
        line-height: 41px;
        padding: 0 12px;
        padding-right: 0px;
        text-decoration: none;  
        font-family: 'Lato';
        font-size: 16px;
        font-weight: 300; 
    }

    .mobile-nav-right ul > li {
        margin-left: 0px;
    }

    .mobile-nav-right ul ul {
        display: none;
        float: left;
        position: absolute;
        background: #000000;
        width: 100%;
    }

    .mobile-nav-right ul ul li {
        background: #000000;
    }

    .mobile-nav-right ul ul ul {
        left: 100%;
        top: 0;
    }

    .mobile-nav-right ul ul a {
        background: #000000;
        color: #ffffff;
        font-size: 16px;
        font-weight: 300;
        height: auto;
        padding: 10px 10px;
        width: 100%;
    }

    .mobile-nav-right li:hover > a,
    .mobile-nav-right li:hover,
    .mobile-nav-right ul ul :hover > a,
    .mobile-nav-right a:focus {
        background: #B3B3B3;
        color: #000000;
    }

    .mobile-nav-right li:hover > a,
    .mobile-nav-right li:hover,
    .mobile-nav-right a:focus {
        background: #B3B3B3;
        color: #000000;
    }

    .mobile-nav-right ul li:hover > ul {
        display: block;
        position: static;
    }

    .main-menu .current-menu-item > a,
    .main-menu .current-menu-ancestor > a,
    .main-menu .current_page_item > a,
    .main-menu .current_page_ancestor > a {
    }

    /* Header -------------------- */
    .header-area {
        width: 640px !important;
    }

    .masthead {
        width: 640px !important;
        text-align: center;
    }

    h1.site-title {
        font-size: 55px !important;
    }

    h2.site-description {
        font-size: 24px !important;
    }

    .social-area {
        margin-left: 15px;
    }

    .giornalismo-social-link {
        width: 25px;
        min-width: 25px;
    }

    .giornalismo-social-link p {
        display: none !important;
    }

    .header-right {
        width: 640px !important;
        float: left !important;
        margin-top: 10px !important;
        margin-bottom: 10px !important;
        text-align: center;
    }

    .breaking-news-box {
        height: 100% !important;
    }

    .breaking-news-left {
        width: 100% !important;
        float: left;
        position: relative;
        height: 100% !important;
    }

    .breaking-news-right {
        width: 100% !important;
        float: left !important;
        position: relative !important;
        height: 100% !important;
        padding-bottom: 10px;
    }

    .todays-date {
        border-top: 1px solid #000000;
    }

    /* Wrap -------------------- */
    .wrap {
        width: 640px;
    }

    /* Sidebars -------------------- */
    .mobile-sidebar{
        display: block !important;
        float: left;
        position: relative;
        margin: auto;
        width: 630px;
    }

    .mobile-sidebar .right-sidebar {
        display: block !important;
        width: 100%;
        border-left: 0px;
    }

    .mobile-sidebar .left-sidebar {
        display: none !important;
        border-right: 0px;
    }

    .left-sidebar {
        display: none;
    }

    .right-sidebar {
        display: none;
    }

    /* Home -------------------- */
    .home-posts-area {
        width: 630px !important;
        margin: auto !important;
        padding-right: 0px !important;
    }

    .home-center {
        width: 630px !important;
        margin: auto !important;
    }

    /* Top Story -------------------- */
    .top-story {
        width: 630px !important;
        padding: 0px !important;
        margin: 0px !important;
    }

    .top-story .featured-photo {
        width: 590px !important;
        height: 354px !important;
        margin: auto;
    }

    /* Column One -------------------- */
    .column-one {
        width: 630px !important;
        padding: 0px !important;
        border: none !important;
    }

    .column-one .featured-photo {
        width: 590px !important;
        height: 354px !important;
        margin: auto;
    }

    /* Column Two -------------------- */
    .column-two {
        width: 630px !important;
        padding: 0px !important;
        border: none !important;
        float: left !important;
        position: relative !important;
    }

    .column-two .featured-photo {
        width: 590px !important;
        height: 354px !important;
        margin: auto;
    }

    /* Column Three -------------------- */
    .column-three {
        width: 630px !important;
        padding: 0px !important;
        border: none !important;
        float: left !important;
        position: relative !important;
    }

    .column-three .featured-photo {
        width: 590px !important;
        height: 354px !important;
        margin: auto;
    }

    /* Single Post -------------------- */
    .post-single {
        width: 630px !important;
        margin: auto;
        float: none;
        padding: 0px !important;
    }

    .post-single hr {
        display: none;
    }

    .post-single .featured-photo {
        width: 590px !important;
        height: 354px !important;
        margin: auto;
    }

    .post-single .story-lines {
        width: 100% !important;
        border-right: 0px !important;
    }

    .post-single .related-stories, .post-single .latest-category {
        height: auto !important;
    }

    .post-single .related-stories .story, .post-single .latest-category .story {
        width: 100% !important;
        margin: 0px !important;
    }

    .post-single .related-stories .photo, .post-single .latest-category .photo {
        width: 590px !important;
        height: 354px !important;
        margin: auto;
    }

    .post-single .author-bio .author-social {
        width: 35px;
        height: 35px;
    }

    /* Comments -------------------- */
    form#commentform textarea {
        width: 100%;
    } 

    /* Archive -------------------- */
    .index {
        width: 630px;
        float: none;
        position: relative;
        margin: auto;
        padding: 0px !important;
    }

    .index .photo-area {
        width: 100% !important;
    }

    .index .photo {
        width: 590px !important;
        height: 354px !important;
        margin: auto;
    }

    .index .headline, .index .headline a, .index .headline a:hover, .index .headline a:visited {
        font-size: 28px;
    }

    .index .label-head h5, .index .label-head h5 a, .index .label-head h5 a:hover, .index .label-head h5 a:hover {
        font-size: 16px;
        width: 100%;
        margin-bottom: 3px;
    }

    /* Author -------------------- */
    .index .author-bio .author-social {
        width: 35px;
        height: 35px;
    }

    /* Page ---------------------- */
    .page-single {
        width: 630px !important;
        margin: auto;
        float: none !important;
        padding: 0px !important;
    }

    /* Staff Page ---------------------- */
    .staff {
        width: 630px !important;
        margin: auto;
        float: none !important;
        padding: 0px !important;
    }

    /* 404 Page ---------------------- */
    .post-404 {
        width: 630px !important;
        margin: auto;
        float: none !important;
        padding: 0px !important;
    }

    /* Footer ---------------------- */
    .footer p {
        font-family: 'Lato', sans-serif;
        font-size: 14px;
        color: #000000;
    }
}