body {
            max-width: 100%;
            background-color: #000000;
        }

        h1, h2, h3 { 
            color: #fefefe; 
        }
        
/* Mobile styles - use larger vw or px */
@media (max-width: 800px) {

    h1{
        font-size: 4vw;
    }
    h2{
        font-size: 3.75vw;
    }
    h3{
        font-size: 3.5vw;
    }
    h4{
        font-size: 3.25vw;
    }
    p{
        font-size: 2.5vw;
    }
    a{
        font-size: 2.5vw;
    }
    .profile-image{
        max-width: 30vw;
    }
}

@media (min-width: 801px) and (max-width: 1024px) {
    .profile-image{
        max-width: 30vw
    }
    h1{
        font-size: 3.5vw;
    }
    h2{
        font-size: 3.33vw;
    }
    h3{
        font-size: 3.15vw;
    }
    h4{
        font-size: 3vw;
    }
    p{
        font-size: 2.5vw;
    }
    a{
        font-size: 2.5vw;
    }
}
@media (min-width: 1025px) and (max-width: 1399px) {
    .profile-image{
        max-width: 23.33vw;
    }
    h1{
        font-size: 2.66vw;
    }
    h2{
        font-size: 2.5vw;
    }
    h3{
        font-size: 2.33vw;
    }
    h4{
        font-size: 2.15vw;
    }
    p{
        font-size: 2vw;
    }
    a{
        font-size: 2vw;
    }
}
/* Desktop styles */
@media (min-width: 1400px) and (max-width: 1599px) { 
    .profile-image{
        max-width: 17.5vw;
    }
    h1{
        font-size: 2.5vw;
    }
    h2{
        font-size: 2.33vw;
    }
    h3{
        font-size: 2.15vw;
    }
    h4{
        font-size: 2vw;
    }
    p{
        font-size: 1.66vw;
    }
    a{
        font-size: 1.66vw;
    }
}
@media (min-width: 1600px){
    .profile-image{
        max-width: 15vw;
    }
    h1{
        font-size: 2vw;
    }
    h2{
        font-size: 1.85vw;
    }
    h3{
        font-size: 1.66vw;
    }
    h4{
        font-size: 1.33vw;
    }
    p{
        font-size: 1.15vw;
    }
    a{
        font-size: 1.15vw;
    }

}

        a 
        { 
            color: #ffffff; 
            text-decoration: none;
        }

        a:hover { 
            text-decoration: none; 
        }

        .nav-menu-grid {
display: grid;
grid-template-columns: auto auto auto auto auto auto auto;
position: relative;
        }
        .nav-menu-item{

            display: block;

        }