body {padding: 0; margin: 0; font-family: 'open_sansregular'; font-size:18px; }
@font-face {
    font-family: 'open_sansregular';
    src: url('../fonts/opensans-regular-webfont.woff2') format('woff2'),
         url('../fonts/opensans-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
.bg {  background-image: url("../images/bg.jpg"); background-repeat: no-repeat;  width:100%; height:100vh; background-position:top center; background-size:100% 100%; }
.btn { display:flex; align-items: center; justify-content:center; background-color:#1f4e79; color:#FFF; text-transform:uppercase; text-decoration:none; padding:67px 40px; border-radius:30px; text-align:center; letter-spacing:3px; }
.btn:hover { background-color:#000;  }
.container { max-width:1270px; width:100%; margin:0 auto; padding-left:15px; padding-right:15px; }
.Main {
    float: left;
    width: 100%;
    height: 100%;
    align-items: center;
    display: flex;
}
.MainContent { display:flex; align-items:center; justify-content:space-between }
.Mainleft { width:30%;   }
.Mainright { width:100%; max-width: 354px; text-align:right; }
.Allbtn {  margin:10px 0; display:inline-block; width:100%; opacity:0.6; }
.Allbtn.displayflex {
    display: flex; justify-content: space-between;
}
.Allbtn.displayflex a.btn { width:27%; }
.Mainlogo {/* background-image: url("../images/wish.png"); background-repeat: no-repeat;*/ background-color: #fff; border: solid 1px #ddd; min-height:527px; background-size: 100% 100%;    box-shadow: 0 0 3px 4px rgba(229, 229, 229, 0.5);
	display: flex;
    width: 100%;
    justify-content: center;
    align-items: center;
    
     }

@media screen and (max-width:1240px) and (min-width:1024px) {
.Mainleft { width:40%; }

}
@media screen and (max-width:1023px) and (min-width:767px) {
.Mainleft { width:50%; }


}
@media screen and (max-width:766px) and (min-width:651px) {
.Main { align-items:baseline; padding:30px 0 20px 0; }	
.bg  { background-size:cover; height:100%; }
.MainContent { flex-direction:column-reverse;  }
.Mainlogo { min-height:347px; margin-bottom:20px;  }
.Mainlogo img { height:100%; }
.Mainleft { width:100%; }  
.Allbtn.displayflex a.btn { width:100%; margin-bottom:15px; margin-left:8px; margin-right:8px; }
.btn { padding:40px 30px;  }


}
@media screen and (max-width:650px) and (min-width:351px) {
.Main { align-items:baseline; padding:30px 0 20px 0; }	
.bg  { background-size:cover; height:100%; }
.MainContent { flex-direction:column-reverse;  }
.Mainlogo { min-height:347px; margin-bottom:20px;  }
.Mainlogo img { height:100%; }
.Mainleft { width:100%; }  

.Allbtn.displayflex a.btn { width:100%; margin-bottom:15px; margin-left:8px; margin-right:8px; }
.btn { padding:40px 30px;  }

}
@media screen and (max-width:350px) {
.Main { align-items:baseline; padding:30px 0 20px 0; }	
.bg  { background-size:cover; height:100%; }
.MainContent { flex-direction:column-reverse;  }
.Mainlogo { min-height:347px; margin-bottom:20px;  }
.Mainlogo img { height:100%; }
.Mainleft { width:100%; }  
.btn { padding:40px 30px;  }
}