@media (min-width: 901px){
  body .container{
    width:auto !important;
    max-width:none !important;
    margin-left:56px !important;
    margin-right:56px !important;
  }
  body .hero .container{
    margin-left:0 !important;
    margin-right:0 !important;
    padding-left:56px !important;
    padding-right:56px !important;
  }
}
@media (max-width: 900px){
  body .container{
    width:92% !important;
    max-width:1180px !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }
  body .hero .container{
    width:100% !important;
    max-width:none !important;
    margin-left:0 !important;
    margin-right:0 !important;
    padding-left:28px !important;
    padding-right:24px !important;
  }
}
@media (max-width: 560px){
  body .hero .container{
    padding-left:20px !important;
    padding-right:20px !important;
  }
}