@media screen and (max-width: 414px) {
     :root {
        --mobile_size: calc(1 * 0.749633968);
    }
    .header {
        display: none;
    }
    body {
        font-size: calc(20px*var(--mobile_size));
        letter-spacing: calc(1.5px*var(--mobile_size));
        line-height: calc(30px*var(--mobile_size));
        word-spacing: calc(3px*var(--mobile_size));
    }
    /*------------------------------------------------------------------------------*/
    /*------------------------------------------------------------------------------*/
    #greating_background {
        content: url("Images/mobile_greating_background.jpg");
        filter: brightness(0.75);
        margin-left: -2%;
        margin-top: -8%;
        height: calc(750px*var(--mobile_size));
    }
    #phone_line_background {
        content: url("Images/mobile_phone_line-background.jpg");
        margin-left: -2%;
        margin-top: 0%;
        filter: saturate(130%);
        height: calc(115px*var(--mobile_size));
    }
    #ending_background {
        content: url("Images/mobile_ending-background.jpg");
        margin-left: -2%;
        margin-top: 19%;
        height: calc(350px*var(--mobile_size));
    }
    /*------------------------------------------------------------------------------*/
    /*------------------------------------------------------------------------------*/
    .title {
        margin-top: 5%;
        margin-left: 10%;
        font-size: 200%;
    }
    .title img {
        filter: hue-rotate(230deg) blur(calc(0.4px*var(--mobile_size)));
        width: 24%;
        margin-top: -1.1%;
    }
    .title article {
        margin-left: 26%;
    }
    .title h6 {
        letter-spacing: calc(8px*var(--mobile_size));
        font-size: 36%;
    }
    .title h1 {
        letter-spacing: calc(3px*var(--mobile_size));
        margin-top: -8.5%;
        font-size: 120%;
    }
    .title h5 {
        letter-spacing: calc(9px*var(--mobile_size));
        font-size: 44%;
        margin-top: -14.75%;
    }
    /*------------------------------------------------------------------------------*/
    /*------------------------------------------------------------------------------*/
    .language {
        margin-left: 65%;
        margin-top: -80%;
        width: 40%;
    }
    .language a {
        width: 35%;
    }
    .language img {
        width: 85%;
    }
    /*------------------------------------------------------------------------------*/
    /*------------------------------------------------------------------------------*/
    .greating {
        margin-top: 35%;
        margin-left: 15%;
    }
    .greating article {
        width: 90%;
    }
    .greating h1 {
        font-size: 165%;
        line-height: calc(55px*var(--mobile_size));
    }
    .greating a {
        font-size: 130%;
        padding: 1.5% 5%;
        border-radius: calc(2px*var(--mobile_size));
    }
    /*------------------------------------------------------------------------------*/
    /*------------------------------------------------------------------------------*/
    .assortment {
        margin-left: 2%;
        margin-right: 2%;
        margin-top: 10%;
        width: 96%;
    }
    .assortment section {
        width: 98%;
        border-width: calc(10px*var(--mobile_size));
        border-radius: calc(2px*var(--mobile_size));
        box-shadow: 0 0 calc(20px*var(--mobile_size)) rgba(83, 83, 83, 0.5);
        padding: 1% 1%;
        margin-right: 1.5%;
        margin-bottom: 3%;
    }
    .assortment h1 {
        font-size: 160%;
        margin-bottom: 7.5%;
        margin-left: 1%;
        letter-spacing: calc(3px*var(--mobile_size));
    }
    .assortment img {
        border-radius: calc(2px*var(--mobile_size));
        width: 100%;
    }
    .assortment a {
        border-radius: calc(2px*var(--mobile_size));
        font-size: 90%;
        padding: 1% 5%;
        margin-top: 0%;
        margin-left: 5%;
        margin-bottom: 2%;
    }
    /*------------------------------------------------------------------------------*/
    /*------------------------------------------------------------------------------*/
    .ending {
        margin-left: -0.6%;
        margin-top: 5%;
    }
    .ending h2 {
        margin-left: 2%;
        padding: 4% 0;
    }
    .ending h3 {
        width: 30%;
        font-size: 150%;
        margin-left: 5%;
        padding: 1% 0;
    }
    /*------------------------------------------------------------------------------*/
    /*------------------------------------------------------------------------------*/
    .ending section {
        margin-top: 11%;
        margin-left: 25%;
    }
    .ending article {
        margin-left: 30%;
        margin-top: 0%;
    }
    .ending article img {
        width: 10%;
        margin-left: -8%;
        margin-top: -1%;
        border-radius: calc(2px*var(--mobile_size));
    }
    .ending article h4 {
        margin-left: 8%;
        margin-top: 1%;
        font-size: 120%;
        width: 30%;
    }
}

@media screen and (max-width: 390px) {
    /* 0.942 */
     :root {
        --mobile_size: calc(0.942 * 0.749633968);
    }
}

@media screen and (max-width: 375px) {
    /* 0.905 */
     :root {
        --mobile_size: calc(0.905 * 0.749633968);
    }
}

@media screen and (max-width: 320px) {
    /* 0.772 */
     :root {
        --mobile_size: calc(0.772 * 0.749633968);
    }
}