/*@import url('font-face.css');*/


@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

*{outline: none; text-decoration: none; }

html, body {padding: 00; margin: 0; box-sizing: border-box; font-size: 14px; font-weight:400; font-family: "Montserrat", sans-serif; overflow-x: hidden; background-color: #1b181f;}

a, button {text-decoration: none; outline: 0;}
a:hover{text-decoration: none;cursor: pointer;}
a:focus{box-shadow: none;outline: none}
ul,li { margin: 0; padding: 0;}
    
/* ~~~~~~~~~ Genaral  CSS ~~~~~~~~~ */


.logo {position: relative; z-index: 1; max-width: 160px; }
.logo img {max-width: 100%;}
header {margin-top: 50px; padding: 0 50px;}
.mainSec {margin-top: -50px; padding: 0 20px;}
.commingSoon {background: url(../images/round.png) center top no-repeat; max-width: 600px; margin: 0 auto; text-align: center; font-size: 70px; color: #fff; padding: 250px 50px 100px; background-size: 100%;}
.commingSoon h1 {font-size: 42px; margin-top:15px; font-weight: 700; text-transform: uppercase;}
.commingSoon h6 {font-size: 25px; font-weight: 400; }
.plane {text-align: right; margin-top: 1px; padding-right: 20px;}
.plane img {width: 100%; max-width: 500px;}
footer {margin-top: 10px; text-align: center; font-size: 14px; color: #ccc; margin-bottom: 20px;}
footer a {color: #fff; text-decoration: none;}


@media(min-width: 1200px){
   footer {position: fixed; width: 100%; bottom: 0;} 
   .plane {position: absolute; right: 0; bottom: 20px; max-width: 500px;}
}

@media(max-width: 767px){
.commingSoon h1 {
    font-size: 30px;
}
.commingSoon h6 {
    font-size: 22px;
    font-weight: 400;

}
.commingSoon {
    padding: 210px 50px 100px;
}
header {
    margin-top: 20px;
    padding: 0;
    text-align: center;
}
.logo {
    position: relative;
    z-index: 1;
    max-width: 200px;
    margin: 0 auto;
}
.plane img {
    width: 100%;
    max-width: 300px;
}
}
@media(max-width: 575px){
    .commingSoon {
        max-width: 350px; 
        margin: 0 auto;
        padding: 129px 50px 70px;
        margin-top: 60px;
        min-height: calc(100vh - 400px);
    }
    .commingSoon h1 {
        font-size: 22px;
    }
    .commingSoon h6 {
        font-size: 17px;
        font-weight: 400;

    }
    .logo {
        max-width: 150px;
    }
    .plane img {
        max-width: 190px;
    }
}