@media (min-width: 1200px) {
  .container {
    width: 1024px;
  }
}

@media (max-width: 1199px) {
  .container {
    width: 1024px;
  }
}

@media (max-width: 991px) {
  .container {
    width: 100%;
  }
}

main #content,
main .container {
  padding-left: 30px;
  padding-right: 30px;
}

@media (max-width: 991px) {
  main #content,
  main .container {
    padding: 0 15px;
  }
}

.home main {
  background-color: #EFF1F4 !important;
}

.home main .row > .container:last-child {
  margin-bottom: 40px;
}

.home main .row > .container:last-child > .component-content {
  padding: 20px;
}

main {
  background-color: #fff !important;
  padding-top: 60px;
}

@media (max-width: 991px) {
  main {
    padding-top: 40px;
  }
}

main .container .component > .col-xs-12.col-sm-12.col-md-9.col-lg-9 {
  margin-bottom: 48px;
}

main #content .component .component-content > h2 {
  color: #0D4486 !important;
  font-size: 32px;
  font-weight: 700 !important;
  margin-bottom: 30px;
}

@media (max-width: 991px) {
  main #content .component .component-content > h2 {
    font-size: 26px;
  }
}

main .component.container {
  background: transparent;
  box-shadow: none;
  margin: 0;
  padding: 0 15px;
  max-width: 995px;
}

@media (max-width: 991px) {
  main .component.container {
    margin-bottom: 20px;
  }
}

main .component.container > .component-content {
  background-color: #fff;
}

.display-flex {
  display: -webkit-flex;
  display: flex;
}