@media(max-width: 1080px){
    .intro-div{
        flex-direction: column;
    } 
    .name-div{
        width: 100%;
    }
    .name-div h1{
        letter-spacing: 4vw;
    }
    .intro-message-div{
        width: 100%;
    }
}
 
@media(max-width: 1200px){
    .photo-container{
        grid-template-columns: repeat(4,1fr);
    }
}
@media(max-width: 1000px){
    .photo-container{
        grid-template-columns: repeat(3,1fr);
    }
}
@media(max-width: 800px){
    .photo-container{
        grid-template-columns: repeat(2,1fr);
    }
}
@media(max-width: 600px){
    .photo-container{
        grid-template-columns: repeat(1,1fr);
    }
}