html, body {
  height: 100%; }

body {
  display: flex;
  flex-direction: column;
  overflow: hidden; }

main {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center; }

.titleText {
  font-family: 'Montserrat', sans-serif;
  color: #FFF;
  font-size: 3rem;
  line-height: .5rem; }

.lead {
  font-size: 1.5em;
  font-weight: 300;
  color: #FFF; }

@media (max-width: 1450px) {
  main {
    width: 95%; } }
@media (max-width: 800px) {
  .titleText {
    font-size: 2.2em; }

  .lead {
    font-size: .8em; } }
@media (max-width: 630px) {
  main {
    width: 90%; }

  .titleText {
    font-size: 1.8em; } }
.lead a {
  color: #00BAFF; }

.lead a:hover {
  color: #EE1C25; }

button {
  margin: 0 auto; }

.btn {
  font-size: 1.25rem;
  font-weight: 700;
  padding: .75rem 1.25rem;
  background-color: #FFF;
  border: 3px solid #000;
  cursor: pointer; }

.btn:hover {
  background-color: #333;
  color: #00BAFF;
  border: 3px solid #00BAFF; }

#bgVid {
  width: 100vw;
  height: 100vh;
  object-fit: cover;
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: -1; }

@media (max-width: 767px) {
  #bgVid {
    display: none; }

  body {
    background: url(/images/poster.jpg);
    background-size: cover;
    overflow: scroll !important; } }
/* Page Loader */
.preloader {
  align-items: center;
  background-color: #171616;
  display: flex;
  height: 100vh;
  justify-content: center;
  left: 0;
  position: fixed;
  top: 0;
  transition: opacity 0.3s linear;
  width: 100%;
  z-index: 9999; }

/*# sourceMappingURL=cover.css.map */