.btn-qbest {
    background-color:brown !important;
    border:none !important;
}
.coming-soon {
    position: relative;
    margin: 70px auto;
    display: block;
    height: 450px;
    width: 550px;
    background: url(../img/rocket-launch.png) no-repeat center center;
}
.main-title {
    width: 300px;
    height: 50px;
    text-align: center;
    position:relative;
    top:70px;
    margin: auto;
}
.main-title h4 {
    color: #fff;
    text-decoration: capitalize;
}
.subtext {
    margin-bottom: 40px;
    font-size: 22px;
}

.btn-qbest {
    background-color: #DF267C !important;
    padding: 10px 20px !important;
}


@media only screen and (max-width: 425px) and (min-width: 380px) {
    .coming-soon {
        width: 100%;
        height: 400px;
        background-size:390px;
        margin:80px auto 10px;
    }
    .main-title {
        top: 90px;
        width: 60%;
    }
    .main-title h4 {
        font-size: 18px;
    }
    .subtext {
        font-size: 16px;
    }
}

@media only screen and (max-width: 375px) and (min-width: 325px) {
    .coming-soon {
        width: 100%;
        height: 390px;
        background-size:350px;
        margin:60px auto 5px;
    }
    .main-title {
        top: 100px;
        width: 60%;
    }
    .main-title h4 {
        font-size: 16px;
    }
    .subtext {
        font-size: 16px;
    }
}

@media only screen and (max-width: 320px) and (min-width: 300px) {
    .coming-soon {
        width: 100%;
        height: 340px;
        background-size:310px;
        margin:50px auto 0px;
    }
    .main-title {
        top: 85px;
        width: 60%;
    }
    .main-title h4 {
        font-size: 14px;
    }
    .subtext {
        font-size: 14px;
    }
}