/* responsive.css */

html, body {
    margin: 0;
    padding: 0;
    overflow-x: hidden;
    width: 100%;
}

img, video {
    max-width: 100%;
    height: auto;
}

.container, .content, .wrapper, [class*="s"], [class*="ps"], [class*="c"], [class*="v"] {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box;
}

h1, h2, h3, h4, h5, h6, p {
    word-wrap: break-word;
    margin: 0.5em 0;
}

@media (max-width: 767px) {
    body {
        font-size: 16px;
        line-height: 1.5;
    }

    h1 {
        font-size: 1.8em;
    }

    h2 {
        font-size: 1.5em;
    }

    h3 {
        font-size: 1.2em;
    }

    .ps16, .ps17, .ps18, .ps19, .ps20, .ps21, .ps22, .ps23, .ps24, .ps25, .ps26 {
        margin-left: 10px !important;
        margin-right: 10px !important;
    }

    .f4, .f5, .f6, .f7 {
        font-size: calc(0.8em + 2vw) !important;
        letter-spacing: normal !important;
    }
}