@media screen and (max-width: 600px) {
    h1 {
        font-size: 24px;
    }

    h1.special {
        /* margin: 56px -28px 0px; */

        margin: 15px -28px 0px;
    }

    body {
        font-size: 18px;
    }

    #dummy_bg {
        background: #ffd06469;
    }


    #main {
        max-width: 90%;
        margin-top: 100px;
        padding: 10px 27px 30px;
    }

    #mypic {
        width: 124px;
        margin: -71px calc( 50% - 62px ) 0;
        
    }

    .mb17 {
        margin-bottom: 10px;
    }

    h2 {
        margin-top: 22px;
        padding-bottom: 3px;
        margin-bottom: 8px;
    }

    iframe.youtube {
        width: 100% !important;
        height: unset !important;
    }

    .shorten_if_long {
        font-size: 16px;
    }

    .translation_box {
        margin: 16px 0 3px;
    }

    .docs_link {
        height: auto;
        margin: 13px 0;
        max-width: 100%;
    }

}