@import url("https://cdnjs.cloudflare.com/ajax/libs/meyer-reset/2.0/reset.min.css");

@import url("https://fonts.googleapis.com/css?family=Roboto:400,700|Sen:400,700,800");
@font-face {
  font-family: "HelveticaNeue-Regular";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/HLB.ttf") format("truetype");
}
@font-face {
  font-family: "Arial-Bold";
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/FontsFree-Net-arial-bold.ttf") format("truetype");
}
@font-face {
  font-family: "Arial-Regular";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/Arial.ttf") format("truetype");
}
@font-face {
  font-family: "HelveticaNeue-Bold";
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/HelveticaNeue-Bold.ttf") format("truetype");
}
@font-face {
  font-family: "LouisGeorge Café-Regular";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/Louis George Cafe.ttf") format("truetype");
}
@font-face {
  font-family: "LouisGeorge Café-Bold";
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/Louis George Cafe Bold.ttf") format("truetype");
}
@font-face {
  font-family: "Helvetica-Bold";
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/Helvetica-Bold-Font.ttf") format("truetype");
}
@font-face {
  font-family: ".AppleSystemUIFont-Regular";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/SF-Pro-Display-Regular.otf") format("opentype");
}
@font-face {
  font-family: "Helvetica-Regular";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/Helvetica-Regular.ttf") format("truetype");
}
@font-face {
  font-family: "ProductSans-Regular";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/Product Sans Regular.ttf") format("truetype");
}
@font-face {
  font-family: "Arial-Black";
  font-style: normal;
  font-weight: 900;
  src: url("../fonts/Arial Black.ttf") format("truetype");
}

.screen a {
  display: contents;
  text-decoration: none;
}

.full-width-a {
  width: 100%;
}

.full-height-a {
  height: 100%;
}

.container-center-horizontal {
  display: flex;
  flex-direction: row;
  justify-content: center;
  pointer-events: none;
  width: 100%;
}

.container-center-horizontal > * {
  flex-shrink: 0;
  pointer-events: auto;
}

.overlay {
  display: none;
  height: 100%;
  opacity: 0;
  position: fixed;
  top: 0;
  width: 100%;
}

.overlay.animate-appear {
  animation: reveal 0.3s ease-in-out 1 normal forwards;
  display: block;
  opacity: 0;
}

.overlay.animate-disappear {
  animation: reveal 0.3s ease-in-out 1 reverse forwards;
  display: block;
  opacity: 1;
}

.align-self-flex-start {
  align-self: flex-start;
}

* {
  box-sizing: border-box;
}