body { margin:0px auto; font-family:Arial }

* { transition:all 0.3s }

img { max-width:100%; }

.wrap { position:absolute; width:100%; height:100%; left:0; top:0; display:flex; justify-content:center; align-items:center }
    .wrap .bbg { position:fixed; width:100%; height:100%; left:0; top:0; background-image:url(../img/bg.jpg); background-repeat:no-repeat; background-size:cover; background-position:center center; }

.wrapin { width:100%; max-width:1024px; padding:0px 20px; position: relative; z-index:1}

.title { text-align:center; padding:20px }
    .title img { max-width:60% }

.country { display:flex; justify-content:center; align-items:center; gap:5% }
    .country .choose { padding:15px; max-width:42vh; display:flex; justify-content:center; align-items:center; flex-direction:column }

@media only screen and (max-width: 767px) {

    .wrapin { margin-top:0;}
    .title img { max-width:90% }

}