@media screen and (max-width:1199px) {

    main #main-section {
        padding: 15% 3%;
        grid-template-columns: repeat(auto-fit, minmax(365px, 1fr));
        gap: 50px;

        grid-row: 1/-1;
        grid-column: 1/-1;
    }

    #main-section p {
        display: block;
    }
}

@media screen and (max-width:828px) {

    #header-txt {
        display: block;
        grid-column: 1/-1;
        grid-row: 1/2;
    }

    main #main-section {
        padding-top: 700px;
    }
}