@media all and (max-width: 1500px) {
    .hero,.app-header{padding-left:5%}
    .hero-description,section h1{max-width:85%}
}
@media all and (max-width: 992px) {
    .app-main,.app-footer{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}
    .app-header,.hero-description{margin-top:10px;max-width:100%}
    .app-header{margin-top:10px;max-width:100%;padding-left:10px;padding-right:10px}
    .hero{margin-top:20px;padding-left:10px;padding-right:10px}
    section h1{font-size:35px;line-height:normal;max-width:100%}
    .flexible{height:auto}
    .bg-overlay{display:none}
    .widget-box{position:static;bottom:auto;right:auto;max-width:100%;padding:15px 10px}
    .widget-box li,.widget-box a{color:#0B395D}
    .widget-box li path{fill:#0B395D}
    .app-footer{margin-top:20px}
    .hero-description *{line-height:normal}
}
@media all and (max-width: 576px) {
    .app-header,section h1{text-align:center}
}