* {
  font-family: inherit;
  box-sizing: inherit;
}

@font-face {
  font-family: 'Raleway-Regular';
  src: url('fonts/raleway-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/raleway-regular.ttf')  format('truetype') /* Safari, Android, iOS */
}

@font-face {
  font-family: 'Raleway-Bold';
  src: url('fonts/raleway-bold.woff') format('woff'), /* Modern Browsers */
       url('fonts/raleway-bold.ttf')  format('truetype') /* Safari, Android, iOS */
}

@font-face {
  font-family: 'Varela-Round';
  src: url('fonts/VarelaRound-Regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/VarelaRound-Regular.ttf')  format('truetype') /* Safari, Android, iOS */
}

body {
  font-family: 'Varela-Round', sans-serif;
  box-sizing: border-box;
}

.hidden {
  display: none !important;
}

.error-text-outer-container {
  display: flex;
  align-items: center;
  justify-content: center;
}

.error-margin-top-5 {
  margin-top: 5vh;
}

.error-margin-top-20 {
  margin-top: 20vh;
}

.error-text-container {
  flex: 0 0 auto;
  text-align: center;
  width: 90%;
}

.error-text-header {
  font-family: 'Varela-Round', sans-serif;
  font-size: 18pt;
  color: #323232;
  letter-spacing: .37;
  line-height: 23pt;
}

.error-text-detail {
  font-family: 'Varela-Round', sans-serif;
  font-size: 14pt;
  color: #323232;
  letter-spacing: .37;
  line-height: 23pt;
}

.error-text-hint {
  font-family: 'Raleway-Regular', sans-serif;
  font-size: 14pt;
  color: #A8A8BA;
  letter-spacing: .37;
}