@media (max-width: 768px) {

    html,
    body {
        width: 100%;
        max-width: 100%;
        overflow-x: hidden;
    }

    main,
    section,
    header,
    footer {
        max-width: 100%;
    }

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

    .container {
        width: calc(100% - 28px);
        max-width: 100%;
        margin-left: auto;
        margin-right: auto;
    }

    h1,
    h2,
    h3,
    p {
        overflow-wrap: break-word;
    }

    .section-header {
        max-width: 100%;
    }
}