/* Horizontal 1280x980 */
@media screen and (max-width: 1280px) and (max-height: 980px) {
    .center {
        padding-top: 9vh;
    }
    .bottom {
        padding-top: 4vh;
    }
}
/* Horizontal 1280x800 */
@media screen and (max-width: 1280px) and (max-height: 800px) {
    .center {
        padding-top: 0vh;
    }
    .bottom {
        padding-top: 1vh;
    }
}
/* Horizontal 1280x600*/
@media screen and (max-width: 1280px) and (max-height: 600px) {
    .logo img {
        margin: 0vh auto 0px 3vw;
        width: 190px;
        padding-top: 5vh;
    }
    .center {
        padding-top: 0vh;
        height: 60vh;
    }
    .h1, h1 {
        font-size: 140px;
        height: 140px;
    }
    .h2, h2 {
        font-size: 25px;
        line-height: 30px;
    }
    .red_strip {
    height: 6px;
    width: 120px;
    margin-bottom: 35px;
    }
    .h3, h3 {
        font-size: 22px;
    }
}
/* Horizontal 640x360 */
@media screen and (max-width: 640px) and (max-height: 360px) {
    .red_strip {
        width: 50px;
        height:3px;
    }
}
/* Vertical width <= 1024 */
@media screen and (max-width: 1024px) {
    .logo img {
        margin: 0 auto;
        width: 365px;
        padding-top: 7vh;
    }
    .center{
        height: 51vh;
    }
    .bottom {
        padding-top: 3vh;
    }

}
/* Vertical width <= 980 */
@media screen and (max-width: 980px) {
    .logo img {
        margin: 0 auto;
        width: 365px;
        padding-top: 7vh;
    }
    .center {
        display: table-cell;
        vertical-align: middle;
        width: 100vw;
        height: 62vh;
    }
    .bottom {
        padding-top: 7vh;
    }
}
/* Vertical width <= 900 */
@media screen and (max-width: 900px) {
    .center {
        display: table-cell;
        vertical-align: middle;
        width: 100vw;
        height: 62vh;
    }
    .bottom {
        padding-top: 12vh;
    }
}
/* Vertical width <= 800 */
@media screen and (max-width: 800px) {
    .bottom {
        padding-top: 7vh;
    }
}
/* Vertical width <= 768 */
@media screen and (max-width: 768px) {
    .center {
        padding-top: 0;
        height: 61vh;
    }
    .bottom {
        padding-top: 2vh;
    }
}
/* Vertical width <= 767 */
@media screen and (max-width: 767px) {
    .center {
        height: 49vh;
    }
}
/* Vertical width <= 600 */
@media screen and (max-width: 600px) {
    .logo img {
        width: 300px;
    }
    .h1, h1 {
        font-size: 130px;
        height: 135px;
    }
    .red_strip {
        width: 110px;
    }
    .bottom {
        padding-top: 22vh;
    }
}
/* Vertical width <= 562 */
@media screen and (max-width: 562px) {
    .red_strip {
        width: 50px;
        height:3px;
    }
    .bottom {
        padding-top: 9vh;
    }
}
/* Vertical width <= 552 */
@media screen and (max-width: 552px) {
    .logo img {
        width: 200px;
    }
    .h1, h1 {
        font-size: 100px;
        height: 100px;
    }
    .red_strip {
        margin-bottom: 22px;
    }
}
/* Vertical height <= 552 */
@media screen and (max-height: 552px) {
    .logo img {
        width: 180px;
    }
    .h1, h1 {
        font-size: 85px;
        height: 90px;
    }
    .h2, h2 {
        font-size: 20px;
        line-height: 20px;
    }
    .bottom {
        padding-top: 0vh;
    }
    .center {
        height: 55vh;
    }
}
/* Vertical width <= 428 */
@media screen and (max-width: 428px) {
    .h1, h1 {
        font-size: 64px;
        height: 64px;
    }
}
/* Vertical height <= 410 */
@media screen and (max-height: 410px) {
    .logo img {
        width: 105px;
    }
    .h1, h1 {
        font-size: 55px;
        height: 55px;
    }
    .h2, h2 {
        font-size: 16px;
        line-height: 16px;
    }
    .h3, h3 {
        font-size: 17px;
    }
    h3 {
        margin-top: 14px;
    }
    .bottom {
        padding-top: 4vh;
    }
}
/* Vertical height <= 410 */
@media screen and (max-height: 335px) {
    .bottom {
        padding-top: 0vh;
    }
}