/*....  MAIN  ..............................................................*/

main {
    grid-column: 1/2;
    grid-row: 4/5;
    overflow-y: auto;
    display: grid;
    grid-template-columns: 10% 16rem 1fr 10%;
    gap: 2rem;
}

@media screen and (max-width: 1600px) {
    main {
        grid-template-columns: 6% 16rem 1fr 6%;
    }
}

@media screen and (max-width: 1200px) {
    main {
        grid-template-columns: 3% 16rem 1fr 3%;
    }
}

@media screen and (max-width: 800px) {
    main {
        grid-template-columns: 0% 16rem 1fr 0%;
    }
}