html,
body {
  height: 100%;
}

body {
/*  margin: 0;
  padding: 0;
  */
  margin: 0;
  font: 12px/18px Roboto, 'Helvetica Neue', sans-serif; /* Base font */
  color: #fff;
  background-color: #244b51;
  text-align: center;
  display: grid;
  height: 100%;
}

.container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.content {
  text-align: center;
}

.footer {
  padding: 10px;
  color: #fff;
  text-align: left;
  display: table-cell;
}

.footer span {
  line-height: 56px;
}

h1 {
  position: relative;
  top: -5px;
  font-family: 'Maven Pro Regular', sans-serif; /* Override font in header */
  font-size: 45px;
  font-weight: normal;
  text-transform: lowercase;
}

h1 strong {
  font-family: 'Maven Pro Bold', sans-serif; /* Override font in strong tags */
}

h2 {
  font-size: 20px;
  font-weight: 500;
}

h3 {
  font-size: 14px;
  font-weight: 400;
}

h3 a {
  color: rgba(255, 255, 255, 0.7);
  text-decoration: none;
}

ul {
  list-style: none;
  padding: 0 16px;
}

@font-face {
  font-family: 'Maven Pro Regular';
  src: url('./assets/fonts/Maven_Pro/MavenPro-Regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('./assets/fonts/Maven_Pro/MavenPro-Regular.woff') format('woff'), /* Pretty Modern Browsers */
       url('./assets/fonts/Maven_Pro/MavenPro-Regular.tff') format('truetype'); /* Safari, Android, iOS */
}

@font-face {
  font-family: 'Maven Pro Bold';
  src: url('./assets/fonts/Maven_Pro/MavenPro-Bold.woff2') format('woff2'), /* Super Modern Browsers */
       url('./assets/fonts/Maven_Pro/MavenPro-Bold.woff') format('woff'), /* Pretty Modern Browsers */
       url('./assets/fonts/Maven_Pro/MavenPro-Bold.tff') format('truetype'); /* Safari, Android, iOS */
}