@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700;800;900&display=swap');
body {
    font-family: 'Montserrat', sans-serif;
}

html,body{ margin:0; padding:0; height:100%; width:100%; }

#myVideo {
    position: fixed;
    right: 0;
    bottom: 0;
    min-width: 100%;
    min-height: 100%;
    z-index: 1;
  }

#full-size{
  position: fixed;
  height:100%;
  width:100%;
  overflow:hidden; /* or overflow:auto; if you want scrollbars */
  z-index: 2;
}

.top_bar {
    background-color: #ffffff;
    font-size: 26px;
    letter-spacing: -2px;
    font-weight: 300;
    color:#7a7b7d;
}

.bounce {
    padding-top:15px;
    padding-bottom:15px;
    height: 70px;
    overflow: hidden;
    position: relative;
}


@media (min-width: 992px) {
.top_bar {
    background-color: #ffffff;
    font-size: 46px;
    letter-spacing: -2px;
    font-weight: 300;
    color:#7a7b7d;
}

.bounce {
    padding-top:20px;
    padding-bottom:20px;
    height: 100px;
    overflow: hidden;
    position: relative;
}
}

.bounce p {
    width: 2208px;
}

@media (min-width: 992px) {
.bounce p {
    width: 4208px;
}
}


.bounce p {
    position: absolute;
    height: 100%;
    margin: 0;
    line-height: 50px;
    text-align: center;
    -moz-transform: translateX(0%);
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
    -moz-animation: scroll-left 20s linear infinite;
    -webkit-animation: scroll-left 20s linear infinite;
    animation: scroll-left 20s linear infinite;
}

@-moz-keyframes scroll-left {
    0% {
        -moz-transform: translateX(0%);
    }
    100% {
        -moz-transform: translateX(-100%);
    }
}

@-webkit-keyframes scroll-left {
    0% {
        -webkit-transform: translateX(0%);
    }
    100% {
        -webkit-transform: translateX(-100%);
    }
}

@keyframes scroll-left {
    0% {
        -moz-transform: translateX(0%);
        -webkit-transform: translateX(0%);
        transform: translateX(0%);
    }
    100% {
        -moz-transform: translateX(-100%);
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
    }
}


.byline_footer {
    background-color: #ffffff;
}


.byline_footer_cont {
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 38px;
    padding-bottom: 10px;
}

.byline_logo img {
    max-width: 110px;
}

.byline_credits {
    font-size: 12px;
    letter-spacing: -1px;
    font-weight: 500;
    color:#7a7b7d;
}

.byline_tarot_ball {
    padding-top: 30px;
    padding-bottom: 30px;
    text-align: center;
}

.byline_tarot_ball img {
   height: auto;
   width: 70vw;
}


@media (min-width: 992px) {
.byline_tarot_ball img {
   height: 60vh;
   width: auto;
}
}