@font-face {
  font-family: 'Coffee';
  src: url('/assets/font/coffee/Black-coffee-shadow.eot');
  src: url('/assets/font/coffee/Black-coffee-shadow.woff2') format('woff2'),
       url('/assets/font/coffee/Black-coffee-shadow.eot?#iefix') format('embedded-opentype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Quick';
  src: url('/assets/font/quick/QuicksandBook-Regular.eot');
  src: url('/assets/font/quick/QuicksandBook-Regular.woff2') format('woff2'),
       url('/assets/font/quick/QuicksandBook-Regular.eot?#iefix') format('embedded-opentype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'QuickBold';
  src: url('/assets/font/quick-bold/QuicksandBold-Regular.eot');
  src: url('/assets/font/quick-bold/QuicksandBold-Regular.woff2') format('woff2'),
       url('/assets/font/quick-bold/QuicksandBold-Regular.eot?#iefix') format('embedded-opentype');
  font-weight: normal;
  font-style: normal;
}

p {
  margin: 0;
}

.font-text-quick {
  font-family: 'Roboto Slab', Arial, sans-serif;
}

.font-text-pacifico {
  font-family: 'Pacifico', Arial, sans-serif;
}

.font-text-coffee {
  font-family: 'Coffee', Arial, sans-serif;
}

.font-text-quick {
  font-family: 'Quick', Arial, sans-serif;
}

.font-text-quick-bold {
  font-family: 'QuickBold', Arial, sans-serif;
}

.font-extrasmall {
  font-size: 0.7em !important;
}

.font-small {
  font-size: 1.0em !important;
}

.font-medium {
  font-size: 1.2em !important;
}

img.font-medium {
  width: 1.2em !important;
}

.font-large {
  font-size: 2.0em !important;
}

.font-extralarge {
  font-size: 4.0em !important;
}

.font-hero {
  font-size: 20.0em !important;
  line-height: 1em !important;
}

@media only screen and (max-width: 768px) {
  .font-extrasmall {
    font-size: 0.6em !important;
  }
  .font-small {
    font-size: 1em !important;
  }
  .font-medium {
    font-size: 1.2em !important;
  }
  .font-large {
    font-size: 1.5em !important;
  }
  .font-extralarge {
    font-size: 2.0em !important;
  }
  .font-hero {
    font-size: 5.0em !important;
    line-height: 1em !important;
  }
}

.font-100 {
  font-weight: 100 !important;
}

.font-200 {
  font-weight: 200 !important;
}

.font-300 {
  font-weight: 300 !important;
}

.font-400 {
  font-weight: 400 !important;
}

.font-500 {
  font-weight: 500 !important;
}

.font-600 {
  font-weight: 600 !important;
}

.font-700 {
  font-weight: 700 !important;
}

.font-800 {
  font-weight: 800 !important;
}

.font-900 {
  font-weight: 900 !important;
}

.white {
  color: white !important;
}

.black {
  color: #2b332e !important;
}

.grey {
  color: #d2d2d2 !important;
}

.red {
  color: #f097ba !important;
}

.blue{
  color: #63c8bf !important;
}

.text-center {
  text-align: center !important;
}

.text-left {
  text-align: left !important;
}

.text-right {
  text-align: right !important;
}