html, body {
    height: 100%;
}

html {
    font-family: 'Droid Sans', sans-serif;
    -ms-text-size-adjust: 100%; /* 2 */
    -webkit-text-size-adjust: 100%; /* 2 */
}

body {
    margin: 0;

}

#page-wrapper {
    max-width: 1180px;
    background: #fff;
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto;

}

@media all and  (min-width: 767px) and (max-width: 980px){
    .layout-container {
        max-width: 767px;
    }
    #page-wrapper {
        max-width: 767px;
    }
}


@media all and  (min-width: 980px) and (max-width: 1180px){
    .layout-container {
        max-width: 980px;
    }
    #page-wrapper {
        max-width: 980px;
    }
}


@media all and  (min-width: 1180px) and (max-width: 1320px){
    .layout-container {
        max-width: 1180px;
    }
    #page-wrapper {
        max-width: 1180px;
    }
}

@media all and (min-width: 1320px) {
  .layout-container {
    max-width: 1180px;
  }
}