body,
html {
      height: 100%;
      margin: 0;
}

body {
      text-align: center;
      font: 20px Helvetica, sans-serif;
      color: #333;
}

h1 {
      font-size: 50px;
}

img {
      width: 200px;
      background-color: #21395d;
      padding: 50px;
}

.container {
      height: 100%;
      display: flex;
      flex-flow: column;
      align-items: center;
      justify-content: center;
}

.wrapper {
      flex: 1 0 auto;
      display: flex;
      flex-flow: column;
      justify-content: center;
      align-items: center;
}
.infos {
      flex: 0 0 auto;
      font-size: 14px;
      color: #666;
      margin-bottom: 50px;
}

@media screen and (max-width: 996px) {

      body {
            font-size: 16px;
      }

      h1 {
            font-size: 2em;
      }
      .infos {
            margin-top: 10px;
      }
      
}