@media screen and (max-width:1199px) {
    main {
        grid-column: 1/-1;
        grid-row: 1/12;
        height: 960px;
        width: 100%;
    }


}

@media screen and (max-width:599px) {
    main {
        grid-column: 1/-1;
        grid-row: 1/12;
        height: 960px;
        width: 100%;
    }

    footer ul{
            grid-column: 2/12;
        }

    main section h1{
        text-align: center;
    }
}