/* container */
body{
    //text-align: center;
    //margin:0 auto;
}
.wrapper{
    width:90%;
    border: solid 1px;
    //text-align: center;
    margin:0 auto;
}


.wrapper .container{
    max-width:1000px;
    margin:0px auto;
    padding:80px 0px;
    border: solid 1px;
    border-color:red;

}

/* content */
.wrapper .content {
    padding:0px;
    text-align:center;
    border: solid 1px;
    color:red;
}
/*----------------------------------*/
@media (min-width: 992px) {
.wrapper .content {
    padding:50px;
    text-align:center;
    border: solid 1px;
    color:blue;
}
}

/*-----------------------------------*/






.wrapper .content .heading{
    margin:10px 0px 40px 0px;
    font-size: 24px;
    font-weight: normal;
    text-align: center;
    padding:0px;
    border: solid 1px;
    
}