body {
    background-image: url(../../../img/bg/page/info.png);
}

#main__post-block h1 {
    color: var(--white);
}

/*
Media Queries
*/
@media only screen and (max-width: 991px) {

    main {
        height: 100%;
        opacity: 0.85;
    }

}
@media only screen and (min-width: 768px) {

    body {
        background-image: url(../../../img/bg/page/info-md.png);
    }

    #main__post-block h1 {
        color: var(--white-86);
    }

}
@media only screen and (min-width: 992px) {

    body {
        background-image: url(../../../img/bg/page/info-lg.png);
    }

    .menu a:hover, .menu a.menu__active {
        border-color: var(--white);
    }

    .text__title {
        color: var(--white-86);
    }
    .text__title-english {
        color: var(--white-54);
    }
    .text__address {
        color: var(--white-54);
    }

    #main__post-block h1 {
        color: var(--greyish-brown);
        padding-bottom: 6px;
        margin-bottom: 44px;
    }

    p.text__white {
        color: var(--black);
        font-size: var(--spacing-9);
    }

}
@media only screen and (min-width: 1690px) {

    body {
        background-image: url(../../../img/bg/page/info-xl.png);
    }

    .text__title {
        color: var(--white-78);
    }
    .text__title-english {
        color: var(--white-73);
    }
    .text__address {
        color: var(--white-73);
    }

    #main__post-block h1 {
        color: var(--greyish-brown);
        padding-bottom: var(--spacing-16);
        margin-bottom: 38px;
    }

    p.text__white {
        font-weight: 300;
        line-height: 2.14;
        letter-spacing: 1.01px;
        font-size: var(--spacing-14);
    }

}

/*
Max Width 767px & DPI 2
*/
@media only screen and (max-width: 767px) and (-webkit-min-device-pixel-ratio: 2),
    only screen and (max-width: 767px) and (min--moz-device-pixel-ratio: 2),
    only screen and (max-width: 767px) and (-o-min-device-pixel-ratio: 2/1),
    only screen and (max-width: 767px) and (min-device-pixel-ratio: 2),
    only screen and (max-width: 767px) and (min-resolution: 192dpi),
    only screen and (max-width: 767px) and (min-resolution: 2dppx) {

    body {
        background-image: url(../../../img/bg/page/info@2x.png);
    }

}

/*
Max Width 767px & DPI 3
*/
@media only screen and (max-width: 767px) and (-o-min-device-pixel-ratio: 9/4),
       only screen and (max-width: 767px) and (-webkit-min-device-pixel-ratio: 2.25),
       only screen and (max-width: 767px) and (min-device-pixel-ratio: 2.25),
       only screen and (max-width: 767px) and (min-resolution: 2.25dppx) {

    body {
        background-image: url(../../../img/bg/page/info@3x.png);
    }

}

/*
Min Width 768px & DPI 2
*/
@media only screen and (min-width: 768px) and (-webkit-min-device-pixel-ratio: 2),
    only screen and (min-width: 768px) and (min--moz-device-pixel-ratio: 2),
    only screen and (min-width: 768px) and (-o-min-device-pixel-ratio: 2/1),
    only screen and (min-width: 768px) and (min-device-pixel-ratio: 2),
    only screen and (min-width: 768px) and (min-resolution: 192dpi),
    only screen and (min-width: 768px) and (min-resolution: 2dppx) {

    body {
        background-image: url(../../../img/bg/page/info-md@2x.png);
    }

}

/*
Min Width 768px & DPI 3
*/
@media only screen and (min-width: 768px) and (-o-min-device-pixel-ratio: 9/4),
       only screen and (min-width: 768px) and (-webkit-min-device-pixel-ratio: 2.25),
       only screen and (min-width: 768px) and (min-device-pixel-ratio: 2.25),
       only screen and (min-width: 768px) and (min-resolution: 2.25dppx) {

    body {
        background-image: url(../../../img/bg/page/info-md@3x.png);
    }

}

/*
Min Width 992px & DPI 2
*/
@media only screen and (min-width: 992px) and (-webkit-min-device-pixel-ratio: 2),
    only screen and (min-width: 992px) and (min--moz-device-pixel-ratio: 2),
    only screen and (min-width: 992px) and (-o-min-device-pixel-ratio: 2/1),
    only screen and (min-width: 992px) and (min-device-pixel-ratio: 2),
    only screen and (min-width: 992px) and (min-resolution: 192dpi),
    only screen and (min-width: 992px) and (min-resolution: 2dppx) {

    body {
        background-image: url(../../../img/bg/page/info-lg@2x.png);
    }

}

/*
Min Width 992px & DPI 3
*/
@media only screen and (min-width: 992px) and (-o-min-device-pixel-ratio: 9/4),
       only screen and (min-width: 992px) and (-webkit-min-device-pixel-ratio: 2.25),
       only screen and (min-width: 992px) and (min-device-pixel-ratio: 2.25),
       only screen and (min-width: 992px) and (min-resolution: 2.25dppx) {

    body {
        background-image: url(../../../img/bg/page/info-lg@3x.png);
    }

}

/*
Min Width 1200px & DPI 2
*/
@media only screen and (min-width: 1690px) and (-webkit-min-device-pixel-ratio: 2),
    only screen and (min-width: 1690px) and (min--moz-device-pixel-ratio: 2),
    only screen and (min-width: 1690px) and (-o-min-device-pixel-ratio: 2/1),
    only screen and (min-width: 1690px) and (min-device-pixel-ratio: 2),
    only screen and (min-width: 1690px) and (min-resolution: 192dpi),
    only screen and (min-width: 1690px) and (min-resolution: 2dppx) {

    body {
        background-image: url(../../../img/bg/page/info-xl@2x.png);
    }

}