body{
    background-color: #f8f9fa;
}
.main-container{
    position: relative;
}
.main-container .heading-top{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
/* for website designing page responsive */
/* Custom, iPhone Retina */ 
@media only screen and (min-width : 320px) {
    .main-container .bg-image{
        width: 100%;
    }
    .main-container .heading-top .main-heading{
        color: whitesmoke;
        font-size: 24px;
        font-family: 'Dancing Script', cursive;
    }
}

/* Extra Small Devices, Phones */ 
@media only screen and (min-width : 480px) {
    .main-container .bg-image{
        width: 100%;
    }
    .main-container .heading-top .main-heading{
        color: whitesmoke;
        font-size: 35px;
        font-family: 'Dancing Script', cursive;
    }
}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
    .main-container .bg-image{
        width: 100%;
    }
    .main-container .heading-top .main-heading{
        color: whitesmoke;
        font-size: 50px;
        font-family: 'Dancing Script', cursive;
    }
}
/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
    .main-container .bg-image{
        width: 100%;
        height: 500px;
    }
    .main-container .heading-top .main-heading{
        color: whitesmoke;
        font-size: 60px;
        font-family: 'Dancing Script', cursive;
    }
}
/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {
    .main-container .bg-image{
        width: 100%;
        height: 500px;
    }
    .main-container .heading-top .main-heading{
        color: whitesmoke;
        font-size: 60px;
        font-family: 'Dancing Script', cursive;
    }
}
.container-fluid .heading{
    margin-top: 50px;
}
.container-fluid .content{
    margin-top: 70px;
}
.container-fluid .content .main-content{
    font-size: 19px;
}