.main-content {
    width: 1080px;   
    padding-bottom: 110px;
    margin: auto;
} 
.main-content .content-area {
    width: 100%;
} 
@media only screen and (max-width:1080px) {
    .main-content {
        width: 980px
    }
}

@media only screen and (max-width:980px) {
    .main-content {
        width: 920px
    }
}

@media only screen and (max-width:920px) {
    .main-content {
        width: 740px
    }  
}

@media only screen and (max-width:740px) {
    .main-content {
        width: 650px
    }
}

@media only screen and (max-width:650px) {
    .main-content {
        width: 580px
    }
}

@media only screen and (max-width:580px) {
    .main-content {
        width: 520px
    }
}

@media only screen and (max-width:520px) {
    .main-content {
        width: 480px
    }
}

@media only screen and (max-width:480px) {
    .main-content {
        width: 420px
    }
}

@media only screen and (max-width:420px) {
    .main-content {
        width: 380px
    }
}

@media only screen and (max-width:380px) {
    .main-content {
        width: 320px
    }
}