:root {
  --blockbuster-blue: #0e3fa9;
  --blockbuster-yellow: #ffaa07;
}

@font-face {
  font-family: "itc-machine";
  src: url("../fonts/machinestd.eot");
  src: url("../fonts/machinestd.eot?#iefix") format("embedded-opentype"), url("../fonts/machinestd.woff2") format("woff2"), url("../fonts/machinestd.woff") format("woff"), url("../fonts/machinestd.ttf") format("truetype"), url("../fonts/machinestd.svg#machinestd") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "proxima_novaregular";
  src: url("../fonts/proximanova-regular-webfont.eot");
  src: url("../fonts/proximanova-regular-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/proximanova-regular-webfont.woff2") format("woff2"), url("../fonts/proximanova-regular-webfont.woff") format("woff"), url("../fonts/proximanova-regular-webfont.ttf") format("truetype"), url("../fonts/proximanova-regular-webfont.svg#proxima_novaregular") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "proxima_novabold";
  src: url("../fonts/proximanova-bold-webfont.eot");
  src: url("../fonts/proximanova-bold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/proximanova-bold-webfont.woff2") format("woff2"), url("../fonts/proximanova-bold-webfont.woff") format("woff"), url("../fonts/proximanova-bold-webfont.ttf") format("truetype"), url("../fonts/proximanova-bold-webfont.svg#proxima_novabold") format("svg");
  font-weight: normal;
  font-style: normal;
}
body {
  margin: 0;
  padding: 0;
  background-color: var(--blockbuster-blue);
}

#main-content {
  height: 100vh;
}
#main-content .static-content {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  height: 100%;
  text-align: center;
  padding: 0 1rem;
}
@media all and (min-width: 768px) {
  #main-content .static-content {
    padding: 0 4rem;
  }
}
#main-content .static-content img {
  width: 100%;
  max-width: 900px;
}
#main-content .static-content h1 {
  color: var(--blockbuster-yellow);
  font-family: "itc-machine";
  font-size: calc(10vw + 16px);
  margin: 3rem 0 1rem;
  line-height: 1;
  font-weight: 400;
}
@media all and (min-width: 768px) {
  #main-content .static-content h1 {
    font-size: calc(4vw + 16px);
  }
}
@media all and (min-width: 1025px) {
  #main-content .static-content h1 {
    font-size: calc(3vw + 16px);
  }
}
#main-content .static-content h2 {
  color: var(--blockbuster-yellow);
  font-family: "proxima_novabold";
  font-size: calc(1vw + 16px);
  margin: 0;
  padding: 0;
  line-height: 1.2;
}
#main-content .static-content a {
  color: var(--blockbuster-yellow);
}
#main-content .static-content a:hover {
  color: #ffffff;
}