@media (max-width: 800px) {
    #headPic{
        height: 9%;
        background-size: cover;
    }
    #headPic div{
        font-size: 25px;
    }
    #hello{
        left: 20px;
    }

    #thisIs{
        right: 20px;
    }
    .inHeadPicCir{
        height: 30px;
        width: 30px;
    }
    .inHeadPicCir.topCir{
        right: 15px;
    }
    .inHeadPicCir.bottomCir{
        left: 15px;
    }
    header li{
        font-size: 15px;
    }
    #myLife{
        height: 20%;
        grid-template-columns: 1fr;
        grid-template-rows: 1fr 2fr;
    }
    #myLife #right{
        grid-template-columns: 1fr;
        grid-template-rows: 2fr 1.2fr;
    }
    #loveSentence{
        font-size: 30px;
        height: 5%;
    }
    #projects{
        height: 25%;
        grid-template-rows: 1fr 8fr;
    }
    #projects #projectMain{
        grid-template-rows: 1fr 1fr 1fr;
        grid-template-columns: 1fr;
    }
    .projectCards:hover > .cardHover{
        height: 55%;
        opacity: 1;
    }
    #photoTitle{
        display: none;
    }
    #photos{
        height: 20%;
        grid-template-rows: 1fr;
        grid-template-columns: 1fr;
    }
    #photoCol2{
        display: none;
    }
    #photoCol3{
        display: none;
    }
    #poetry{
        display: none;
    }
    footer{
        padding: 10px;
    }
    footer > * {
        font-size: 12px;
    }
    .contact{
        height: 40px;
        width: 40px;
    }
    .contact > img{
        height: 30px;
        width: auto;
    }
}