@media (min-width: 1280px) {
    body {
        font-size: 1.125em;
    }
}

@media (max-width: 1280px) {
    #heading {
        padding: 17.5px 12.5px;
    }
}

@media (max-width: 1080px) {
    .scroll:nth-child(1) {
        height: fit-content;
    }

    #heading {
        position: absolute;
    }

    nav li:nth-child(3) {
        display: none;
    }

    .text.welcome h2 {
        margin-top: 100px;
    }

}

@media (max-width: 880px) {

    .button.big {
        font-size: 1.125em;
    }

    .text h2 {
        font-size: 5em;
    }

    .text h3 {
        font-size: 2em;
    }

    .text.welcome p {
        font-size: 1.5em;
    }

    .text.bottom-menu p {
        font-size: 1.125em;
    }

    .work-container {
        flex-direction: column;
        flex-wrap: nowrap;
    }

    .work-box {
        width: fit-content;
    }

    .text.bottom-menu ul {
        flex-direction: column;
    }

    .text.bottom-menu li a {
        margin: 0 0 15px 0;
    }

    .text.bottom-menu li:last-child a {
        margin: 0 0 15px 0;
    }

    .text.bottom-menu .button:nth-child(4) {
        max-width: 280px;
    }
}

@media (max-width: 680px) {

    #top-menu {
        height: fit-content;
        position: static;
    }

    nav ul {
        flex-direction: column;
        justify-content: center;
    }

    nav li a {
        margin: 0;
        border-radius: 0;
        min-width: 680px;
        background: #303f9f;
        font-size: 1em !important;
    }

    .text.welcome p {
        font-size: 1.25em;
    }

    .text.welcome #social-container {
        flex-wrap: wrap;
        max-width: 280px;
    }

    #social-container li a {
        margin: 10px;
    }

    .work-box div {
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .work-box h4 {
        font-size: 1.25em;
        padding: 0 15px 15px 15px;
    }

    .work-box a {
        margin: 0 15px;
        width: 100%;
    }

    .resume-container-small {
        flex-direction: column;
    }

    .skills,
    .expertise {
        width: 100%;
    }


    .text.footer {
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    footer .fab,
    footer .fas {
        font-weight: normal;
        font-size: 1.75em;
    }

    footer ul {
        flex-wrap: wrap;
    }

    footer li {
        padding: 0 15px 15px 0;
    }

    footer li:last-child {
        padding: 0 0 15px 0;
    }

    footer p {
        text-align: center;
    }
}

@media (max-width: 480px) {

    #heading {
        font-size: 2.25em;
    }

    .text h2 {
        font-size: 4em !important;
    }

    .text h3 {
        font-size: 1.75em;
    }

    .text.welcome h2 {
        margin-top: 50px;
    }

    .text.welcome p {
        font-size: 1.125em;
    }

    .text.bottom-menu p {
        font-size: 1em;
    }

    #social-container li a {
        font-size: 2.25em;
        width: 75px;
        height: 75px;
    }
}

@media (max-width: 280px) {
    #heading {
        font-size: 1.75em;
    }
}