@media screen and (min-width: 583px) {
    table#example tr {
        display: flex;
        flex-wrap: wrap;
    }
  }
  @media screen and (min-width: 575px) {
    section.banner {
        flex-direction: column;
    }
  }
  @media screen and (min-width: 991px) {
    section.banner {
        flex-direction: column;
    }
    tr.odd {
        display: flex;
        width: 100%;
        flex-wrap: wrap;
    }
    table#example {
        display: flex;
        flex-wrap: wrap;
    }
    tr.even {
        display: flex;
        flex-wrap: wrap;
        width: 100%;
    }
    section.passport {
        flex-direction: column;
        display: flex;
        justify-content: center;
        align-items: center;
    }
  }