@media only screen and (max-width: 700px) {
    body {
        background-image: url(../../assets/images/background_full.jpg);
    }

    #about {
        margin-top: 20%;
        width: 90%
    }

    #hire_me {
        margin-top: 20%;
        margin-bottom: 10%;
    }

    #hire_me img {
        height: 10%;
    }

    #links a {
        font-size: 24pt;
    }

    #links .row {
        display: grid;
    }

    #main-content {
        padding-top: 5%;
    }

    p {
        margin-bottom: 0;
    }
}

/* @media only screen and (max-width: 1000px) {

    #about {
        width: 90%
    }

    #hire_me {
        margin-top: 20%;
        margin-bottom: 10%;
    }

    #hire_me img {
        height: 15%;
    }

    #main-content {
        padding-top: 5%;
    }
} */