@media (max-width: 1199px) {

    /* smaller screen  */


    .page .left {
        width: 100%;
    }

    .page .right {
        width: 100%;
    }

}


@media (min-width: 1200px) {

    /* larger screen */


    .page .left {
        width: 70%;
        padding-right: 100px;
    }

    .page .right {
        width: 30%;
    }


}


.container {
    padding: 20px;
}

.page {
    max-width: 1200px;
    margin: 0 auto;
    padding: 100px 20px 20px 20px;
    line-height: 30px;

}

.pagepart {
    padding: 20px 0px 20px 0px;
}

.pagepart.flex {
    padding: 20px 0px 20px 0px;
    display: flex;
    flex-wrap: wrap;
}


.page .feature {
    border-radius: 20px;
    background-color: rgba(110, 110, 110, 0.1);
    padding: 20px 30px;
    font-size: 14px;
}

.page .feature h2 {
    font-size: 16px;
    font-weight: 600;
}