@media (max-width: 1399px) {

    * {
        font-size: 17px;
        line-height: 1.6rem;
    }

    header {
        width: 320px;
    }

    header .logo {
        margin: 2rem 0 2rem 2rem;
    }

    header .logo img {
        height: 6rem;
    }

    header .logo span {
        margin-top: 3rem;
    }

    header nav.main li a,
    header nav.main li span {
        padding: 0 2rem;
    }

    header nav.social-media {
        left: 2rem;
    }

    header nav.meta-bottom {
        left: 2rem;
    }

    main {
        margin-left: 320px;
        width: calc(100% - 320px);
    }

    main .stage {
        margin-bottom: 12rem;
    }

    footer {
        margin-left: 320px;
        padding: 2rem;
        width: calc(100% - 320px);
    }

    footer .cols .col.col-50:first-child {
        width: 60%;
    }

    footer .cols .col.col-50:nth-child(2) {
        width: 40%;
    }

    footer hr {
        margin: 3rem 0 2rem;
    }

}