main.body {
    text-align: center;
}

main.body h2 {
    font-size: 35px;
    color: black;
    padding-top: 77px;
    transition: color 0.3s ease-in-out;
}

main.body h2:hover {
    color: #6d522a;
}

main.body p {
    font-size: 18px;
    color: gray;
    padding: 44px 151px 99px 151px;
}

@media (min-width: 1210px) {
    main.body p {
        padding-left: calc((100vw - 884px - 30px) / 2);
        padding-right: calc((100vw - 884px - 30px) / 2);
    }
}

@media (min-width: 991px) {
    main.body>h2 {
        padding-top: 152px;
    }
}

@media (max-width: 991px) {
    main.body {
        padding-left: calc((100vw - 689px) / 2);
        padding-right: calc((100vw - 689px) / 2);
    }

    main.body p {
        padding: 44px 0 99px 0;
    }
}

@media (max-width: 803px) {
    main.body {
        padding-left: 44px;
        padding-right: 44px;
    }
}