.mmt-logo {
  display: block;
  margin: 0 auto;
}

body {
  background: #ddd;
  font-family: 'Roboto', Helvetice, sans-serif;
  padding: 20px;
}

#app,
html,
body,
.page-wrap {
  height: 100%;
}

.page-wrap {
  width: 100%;
  max-width: 400px;
  margin: 0 auto;
  border-radius: 1em;
  text-align: center;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
}

body {
  font-family: 'Roboto', "Avant Garde", Avantgarde, "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
}

h1,
h2,
h3,
h4,
h5 {
  font-family: 'Oswald', "Avant Garde", Avantgarde, "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
}

.btn {
  box-sizing: content-box;
  border: 1px solid #333;
  padding: 10px 20px;
  margin: 20px 10px;
  outline: none;
  border-radius: 5px;
}