img {
  left: 50%;
  position: absolute;
  /* Don't forget to add position: relative; to your container. */
  top: 50%;
  transform: translate(-50%, -50%);
  width: 61%;
  text-align: center; }

h1 {
  text-align: center; }

.footer > img {
  width: 120px; }

.footer {
  height: 120px;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  color: #000; }

.number {
  left: 50%;
  position: absolute;
  /* Don't forget to add position: relative; to your container. */
  top: 80%;
  transform: translate(-50%, -50%);
  width: 82%;
  text-align: center; }

@media (min-width: 320px) {
  .alert {
    position: relative;
    /* Don't forget to add position: relative; to your container. */
    top: 50%;
    width: 100%;
    transform: translate(0%, -50%);
    color: #1d3654;
    text-align: center;
    padding: 0 35px; }

  .maxHeightRight {
    text-align: left;
    height: 50vh;
    background-color: #1d3654; }

  .maxHeightLeft {
    text-align: center;
    height: 50vh; }

  font {
    font-size: 13px; }

  h1 {
    font-size: 27px; }

  .pad-no {
    padding-right: 10px;
    padding-left: 5px; }

  img {
    left: 50%;
    position: absolute;
    /* Don't forget to add position: relative; to your container. */
    top: 50%;
    transform: translate(-50%, -50%);
    width: 82%;
    text-align: center; }

  .logo {
    left: 50%;
    position: absolute;
    /* Don't forget to add position: relative; to your container. */
    top: 47%;
    transform: translate(-50%, -50%);
    width: 82%;
    text-align: center; } }
@media (min-width: 568px) {
  .alert {
    position: relative;
    /* Don't forget to add position: relative; to your container. */
    top: 50%;
    width: 100%;
    transform: translate(0%, -50%);
    color: #1d3654;
    text-align: center;
    padding: 0 35px; }

  .maxHeightRight {
    text-align: left;
    height: 100vh;
    background-color: #1d3654;
    width: 50%;
    float: left; }

  .maxHeightLeft {
    text-align: center;
    height: 100vh;
    width: 50%;
    float: left; }

  font {
    font-size: 12px; }

  h1 {
    font-size: 27px; }

  .pad-no {
    padding-right: 10px;
    padding-left: 5px; } }
@media (min-width: 768px) {
  .alert {
    position: relative;
    /* Don't forget to add position: relative; to your container. */
    top: 50%;
    width: 100%;
    transform: translate(0%, -50%);
    color: #1d3654;
    text-align: center;
    padding: 0 60px; }

  .maxHeightRight {
    text-align: left;
    height: 100vh;
    background-color: #1d3654; }

  .maxHeightLeft {
    text-align: center;
    height: 100vh; }

  font {
    font-size: 13px; }

  h1 {
    font-size: 27px; }

  .pad-no {
    padding-right: 10px;
    padding-left: 5px; }

  .listStyle {
    margin-left: auto;
    margin-right: auto;
    width: 80%; } }
@media (min-width: 1024px) {
  .alert {
    position: relative;
    /* Don't forget to add position: relative; to your container. */
    top: 50%;
    width: 100%;
    transform: translate(0%, -50%);
    color: #1d3654;
    text-align: center;
    padding: 0 60px; }

  .maxHeightRight {
    text-align: left;
    height: 100vh;
    background-color: #1d3654; }

  .maxHeightLeft {
    text-align: center;
    height: 100vh; }

  font {
    font-size: 15px; }

  h1 {
    font-size: 36px; }

  .pad-no {
    padding-right: 10px;
    padding-left: 5px; }

  .listStyle {
    margin-left: auto;
    margin-right: auto;
    width: 80%; } }
@media (min-width: 1200px) {
  .alert {
    position: relative;
    /* Don't forget to add position: relative; to your container. */
    top: 50%;
    width: 100%;
    transform: translate(0%, -50%);
    color: #1d3654;
    text-align: center;
    padding: 0 60px; }

  .maxHeightRight {
    text-align: left;
    height: 100vh;
    background-color: #1d3654; }

  .maxHeightLeft {
    text-align: center;
    height: 100vh; }

  font {
    font-size: 15px; }

  h1 {
    font-size: 36px;
    margin-bottom: 20px !important; }

  .pad-no {
    padding-right: 5px;
    padding-left: 5px; }

  .listStyle {
    margin-left: auto;
    margin-right: auto;
    width: 60%; } }
@media (min-width: 1500px) {
  .alert {
    position: relative;
    /* Don't forget to add position: relative; to your container. */
    top: 50%;
    width: 100%;
    transform: translate(0%, -50%);
    color: #1d3654;
    text-align: center;
    padding: 0 175px; }

  .maxHeightRight {
    text-align: left;
    height: 100vh;
    background-color: #1d3654; }

  .maxHeightLeft {
    text-align: center;
    height: 100vh; }

  font {
    font-size: 15px; }

  h1 {
    font-size: 36px;
    margin-bottom: 20px !important; }

  .pad-no {
    padding-right: 5px;
    padding-left: 5px; }

  .listStyle {
    margin-left: auto;
    margin-right: auto;
    width: 60%; } }

/*# sourceMappingURL=main.css.map */