body, html{ height:100%; }
.main_wrap{
    display:flex; flex-wrap:wrap;
    width:100%;
    height:100%;
    background-color:#333;
}
.main_wrap>div{
    width:50%;
    display:flex; flex-flow:column; justify-content:center;
    color:#fff;

    background-repeat:no-repeat;
    background-position:center;
    background-size:cover;
}
.main_wrap>div *:not(.main_wrap>div a){ text-align:center; }
.main1{ background-image:url('../images/main1.png'); }
.main2{ background-image:url('../images/main2.png'); }

.main_wrap>div h2{
    font-size:62px; font-weight:350;
    margin-bottom:20px;
}
.main_wrap>div p{
    font-size:18px; font-weight:250;
    margin-bottom:10px;
}
.main_wrap>div br{ display:none; }
.main_wrap>div span{
    font-size:40px; font-weight:250;
    margin-bottom:35px;
}
.main_wrap>div a{
    display:block; width:180px; line-height:40px;
    background-color:rgba(255, 255, 255, 0.4); position:relative;
    margin:0 auto; text-indent:33px;
    border:1px solid #fff; border-radius:4px;

    font-size:14px; font-weight:500;
    color:#fff;
}
.main_wrap>div a::after{
    content:''; display:block;
    width:17px; height:10px;
    position:absolute; right:15%; top:40%;
    background:url('../images/arrow_more_wh_ico.png') no-repeat center;
}
.main_wrap .country{
    position:absolute; right:20px; top:20px;
    text-align:left; color:#fff;
}
.main_wrap .country_dep{ top:30px; }





@media screen and (max-width:1620px) {
    .main_wrap>div h2{ font-size:47px; }
    .main_wrap>div p{ margin-bottom:8px; }
    .main_wrap>div span{ font-size:33px; }
}
@media screen and (max-width:1250px) {
    .main_wrap>div h2{ font-size:38px; }
    .main_wrap>div p{ font-size:17px; }
    .main_wrap>div span{ font-size:29px; }
}
@media screen and (max-width:1023px) {
    .main_wrap>div h2{ font-size:33px; }
    .main_wrap>div p{ font-size:16px; margin-bottom:5px; }
    .main_wrap>div span{ font-size:25px; }
}
@media screen and (max-width:850px) {
    .main_wrap>div{ width:100%; }
    .main_wrap .main2{ background-position:center 25%; }
}
@media screen and (max-width:500px) {
    .main_wrap>div h2{ font-size:30px; }
    .main_wrap>div p{ font-size:14px; }
    .main_wrap>div span{ font-size:20px; }
    .main_wrap>div a::after{ width:15px; }
}
@media screen and (max-width:400px) {
    .main_wrap>div h2{ font-size:23px; }
    .main_wrap .main1 p{ line-height:23px; }
    .main_wrap .main1 p br{ display:block; }
    .main_wrap>div span{ font-size:18px; }
    .main_wrap>div a{ width:160px; text-indent:23px; }
    .main_wrap>div a::after{ width:13px; right:13%; }
}