.amenity main {
    padding: 160px 0 30px;
    background-color: #fff;

    @media screen and (max-width:992px) {
        padding: calc((20 / 600) * 100vw) 0 calc((100 / 600) * 100vw);
    }
}

main {
    & h2 {
        width: 620px;
        margin: 0 auto 30px;
        font-size: 32px;

        @media screen and (max-width:992px) {
            width: calc((500 / 600) * 100vw);
            margin: 0 auto calc((30 / 600) * 100vw);
            font-size: calc((30 / 600) * 100vw);
        }
    }

    & .hotel {
        width: 620px;
        margin: 0 auto 50px;

        @media screen and (max-width:992px) {
            width: calc((500 / 600) * 100vw);
            margin: 0 auto calc((50 / 600) * 100vw);
        }

        & h3 {
            color: #E35E89;
            font-size: 24px;
            margin: 0 0 20px;

            @media screen and (max-width:992px) {
                font-size: calc((24 / 600) * 100vw);
                margin: 0 0 calc((20 / 600) * 100vw);
            }
        }

        & p {
            font-size: 16px;

            @media screen and (max-width:992px) {
                font-size: calc((16 / 600) * 100vw);
            }
        }

        & .image {
            display: flex;
            justify-content: space-between;
            margin: 0 auto;

            & img {
                max-width: 100%;

                @media screen and (max-width:992px) {
                    width: calc((234 / 600) * 100vw);
                }
            }
        }
    }

    & .bbq {
        width: 620px;
        margin: 0 auto 50px;

        @media screen and (max-width:992px) {
            width: calc((500 / 600) * 100vw);
            margin: 0 auto calc((50 / 600) * 100vw);
        }

        & h3 {
            color: #E35E89;
            font-size: 24px;
            margin: 0 0 20px;

            @media screen and (max-width:992px) {
                font-size: calc((24 / 600) * 100vw);
                margin: 0 0 calc((20 / 600) * 100vw);
            }
        }

        & p {
            font-size: 16px;

            @media screen and (max-width:992px) {
                font-size: calc((16 / 600) * 100vw);
            }
        }

        & .image {
            text-align: center;
            margin: 0 auto;

            & img {
                max-width: 100%;
            }

            & .att {
                font-size: 16px;
                text-align: left;

                @media screen and (max-width:992px) {
                    font-size: calc((16 / 600) * 100vw);
                }
            }
        }
    }

    & .cleaning {
        width: 620px;
        margin: 0 auto 50px;

        @media screen and (max-width:992px) {
            width: calc((500 / 600) * 100vw);
            margin: 0 auto calc((50 / 600) * 100vw);
        }

        & h3 {
            color: #E35E89;
            font-size: 24px;
            margin: 0 0 20px;

            @media screen and (max-width:992px) {
                font-size: calc((24 / 600) * 100vw);
                margin: 0 0 calc((20 / 600) * 100vw);
            }
        }

        & .image {
            text-align: center;
            margin: 0 auto;

            & img {
                max-width: 100%;
            }

            & .att {
                font-size: 16px;
                text-align: left;
            }
        }
    }
}