section {
  width: 100%;
  max-width: 1248px; }
  section p {
    margin: 20px 0; }
  section h5 {
    margin-top: 60px; }
  @media only screen and (max-width: 1200px) {
    section {
      padding: 0 36px; }
      section h5 {
        font-size: 18px; } }
  @media only screen and (max-width: 749px) {
    section {
      padding: 20px; }
      section h5 {
        margin-top: 35px; } }

nav section {
  max-width: 1488px; }

/* ----------- topbanner ---------- */
.topbanner {
  color: #fff;
  padding: 120px 0 50px;
  background-image: url("../images/red_bg2.jpg");
  background-position: 50% 100%; }
  .topbanner h2 {
    text-align: center; }
  @media only screen and (max-width: 1200px) {
    .topbanner {
      background-image: url("../images/red_bg.jpg");
      background-size: auto 130%; }
      .topbanner h2 {
        font-size: 48px; }
      .topbanner section {
        padding: 6px 24px; } }

.legal {
  padding: 45px 0 170px; }
  .legal ul {
    list-style-type: none; }
    .legal ul li {
      display: flex;
      margin: 24px 0;
      font-size: 18px; }
      .legal ul li > span:first-of-type {
        flex: 0 0 30px; }
  @media only screen and (max-width: 1200px) {
    .legal {
      padding: 0 0 100px; } }
  @media only screen and (max-width: 749px) {
    .legal ul li,
    .legal p {
      font-size: 14px; }
    .legal ul li > span:first-of-type {
      flex: 0 0 20px; } }