@media screen and  (max-width:820px) {
    body {
        background: #99cfa8;
    }
    .main {
        width:100%;
        height: auto;
        background: linear-gradient(180deg, #ededd5, #99cfa8);
    }

    .main > table tr:nth-of-type(2) table {
        padding-top: 20%;
        display:block;
    }
    .main > table > tbody > tr:nth-of-type(1),
    .main > table > tbody > tr:nth-of-type(4),
    table table td:last-of-type,
    .main > table > tbody > tr:nth-of-type(3) table td:first-of-type{
        display:none;
    }
    table table {
        display: none;
    }
    table table tr {
            display:flex;
            flex-flow: row wrap;
            align-items: flex-end;
            width: fit-content;
            margin: 0 auto;
            justify-content:center;
    }
    table table td {
        display:block;
    }
    table table td:nth-of-type(2) {
        padding-top:2em;
    }
    table img {
        display: block;
        max-width: 350px;
        margin: 0 auto;
    }
    table table td:first-of-type {
        background: url(/Assets_100th/images/cover.jpg) no-repeat;
        background-position: center center;
        background-position-x: -0px;
        background-size: 120%;
        flex: 1 1 100%;
    }
    table table td:first-of-type img {
        width:100%;
        max-width: unset;
        max-height: 400px;
    }
    .mov {
        display:none;
        width:100%;
    }
    .mov video {
        position:absolute;
        right:-50px;
        bottom:0;
        width:300vw;
    }
}
@media screen and (max-width:768px) {
    .main > table tr:nth-of-type(2) table {
        padding-top: 10%;
    }
}

@media screen and (max-width:430px) {
    table table td:nth-of-type(2) {
        padding-top: 0;
    }

    .main > table tr:nth-of-type(2) table {
        padding-top: 0;
    }

    table table td:first-of-type {
        background-position-x: -0px;
        background-size: 140%;
    }
}