*{box-sizing: border-box; margin: 0;}
body {background-image: url(../images/Coming-soon.jpg);background-repeat: no-repeat;background-size: cover;font-family: 'D-DIN', sans-serif;height: 100vh;}

.launch img {width: 222px;}
.launch {max-width: 500px;position: absolute;top: 14%;left: 14%;}
.launch h1 {color: #222;font-size: 40px;font-style: normal;font-weight: 400;line-height: 51px;margin: 20px 0 0;}
.launch p{color: #000;font-size: 20px;font-style: normal;font-weight: 400;line-height: 30px; margin: 15px 0 0;}
.launch p a{color: #E53726;font-weight: 700;}
.launch h3 {color: #FFF;font-size: 25px;font-style: normal;font-weight: 700;line-height: normal;padding: 10px 20px;border-radius: 10px;background: #E53726;width: fit-content;margin-top: 40px;}
.launch h2{margin-top: 20px;color: #222;font-size: 45px;font-style: normal;font-weight: 700;line-height: normal; position: relative;}
img.underline {width: 326px !important;margin-top: 10px;}


/* ========Responsive CSS======== */

@media only screen and (max-width: 1535px){
    body{height: auto;}
    .launch {top: 6%;left: 10%;}
}
@media only screen and (max-width: 1199px){
    .launch img {width: 205px;}
    .launch h1{font-size: 34px;line-height: 43px;}
    .launch h2{font-size: 39px;}
    img.underline {width: 278px !important;}
}
@media only screen and (max-width: 992px){
    body{background-size: auto;}
    .launch {top: 50%;left: 50%;transform: translate(-50%, -50%);}
    .launch h1{font-size: 30px;}
}
@media only screen and (max-width: 768px){
    .launch{width: 80%;}
}
@media only screen and (max-width: 480px){
    .launch h2 {font-size: 35px;}
    .launch h3{font-size: 23px;}
    img.underline {width: 251px !important;}
    .launch h3{margin-top: 35px;}
}