section,
    article {
        margin-bottom: 1em;
    }

    #header {

            height: 26em;
        }

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

    #menu-icon {
        display: none;
    }

    #fullscreen-logo {
        display: block;
    }

    #mobile-logo {
        display: none;
    }

    .contact_form {
        width: 50%;
    }

}

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

    #menu-icon {
        display: none;
    }

    #fullscreen-logo {
        display: block;
    }

    #mobile-logo {
        display: none;
    }

    .contact_form {
        width: 50%;
    }

}

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

}

@media screen and (max-width: 980px) {
 #news-modal-content {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        margin-left: 0; /* Negative half of width. */
    }

    #close-button {
        height: 40px;
        width: 40px;
        right: 10px;
        top: 10px;
        z-index: 10000000000;
    }

    #menu-icon {
        display: block;
        color: #fff;
    }

    #sidebar {
        display: none;
    }

    #nav {
        display: none;
    }

    #fullscreen-logo {
        display: none;
    }

    header {
        margin-left: 15px;
    }

   /* #mobile-logo {
        display: block;
    }*/

     #header {

            height: 15em;
        }

     #content  {
        width: 100%;
    }
}

@media screen and (max-width: 737px) {
    #news-modal-content {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        margin-left: 0; /* Negative half of width. */
    }

    #close-button {
        height: 40px;
        width: 40px;
        right: 10px;
        top: 10px;
        z-index: 10000000000;
    }

    #menu-icon {
        display: block;
        color: #fff;
    }

    #sidebar {
        display: none;
    }

    #nav {
        display: none;
    }

    #fullscreen-logo {
        display: none;
    }

    header {
        margin-left: 15px;
    }

   /* #mobile-logo {
        display: block;
    }*/

     #header {

            height: 15em;
        }

     #content  {
        width: 100%;
    }
}

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

    .contact_form {
        width: 90%;
    }

    #news-modal-content {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        margin-left: 0; /* Negative half of width. */
    }

    #close-button {
        height: 40px;
        width: 40px;
        right: 10px;
        top: 10px;
        z-index: 10000000000;
    }

    #menu-icon {
        display: block;
        color: #fff;
    }

    #sidebar {
        display: none;
    }

    #nav {
        display: none;
    }

    #fullscreen-logo {
        display: none;
    }

    #mobile-logo {
        display: block;
        z-index: 1000000000;
    }

    header {
        margin-left: 10px;
    }

    #content p {
        font-size: 1.3em;
    }

    .columns {
        margin-top: 0;
    }

    #header {

            height: 24em;
        }

    #header:before {
            content: '';
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            background: rgba(0, 0, 0, 0.4);
        }


}