body{margin:0px;font-family: 'Neue';}
@media (min-width:375px){
    .main-div{height:100vh;}
    }
@font-face{
    font-family: 'Neue';
    src: url('Neue.ttf');

}
.white{color:#fff;}
.main-div{background:url('bg-desktop.jpg') rgba(0, 0, 0, 0.6); 
    background-repeat: no-repeat; background-size: cover; background-blend-mode: multiply; text-align:center; padding-bottom:40px; padding-left:40px; padding-right:40px;}
.logo{padding-top:30px;}
.logo img{max-width:187px;}
.welcome{font-size:18px; padding-top:20px; margin:0px;}
.heading1{font-size:19px; font-family: 'Oswald', sans-serif; font-weight: 500;}
.flag-text{font-size: 16px;
    color: #fff;
    padding-left: 30px;}
.flag-img{    border-top-left-radius: 40px;
    border-bottom-left-radius: 40px;     height: 60px;}
.flag{    max-width: 300px; transition:0.4s;
    margin: auto;
    max-height: 80px;
    background: rgba(255,255,255, 0.4);
    border-radius: 40px;
    display: flex;
    flex-wrap: wrap;
    z-index: 1;
    align-items: center; margin-bottom:20px;}
.mg-1{margin-top:50px; margin-bottom:20px;}
.mg-2{margin-top:30px; margin-bottom:20px;}
.flag-link{text-decoration:none; }
.flag:hover{background:#fff;}
.flag:hover .flag-text{color:#000;}
.godaddy{text-align:right;}
.godaddy img{max-width:132px;}
.p1{font-size:13px;}

@media (max-width:640px){
    .main-div{padding-left:20px; padding-right:20px; background:url('bg-mobile.jpg') rgba(0, 0, 0, 0.6); background-attachment: fixed;  background-size: 100%; }
    .logo img{max-width:152px;}
    .welcome{font-size:16px;}
    .heading1{font-size:19px;}
    .mg-1{margin-top:23px; margin-bottom:25px;}
    
    .flag-img{height:60px; max-width:280px;}
    .flag-text{font-size: 16px;
        padding-left: 15px;}
        .godaddy{text-align:center;}
}