
@media (max-width:844px) {
  .main-section h1 {font-size: 50px !important;}
  .main-section h1 br {display: none;}
  .main-section h4 {font-size: 14px; letter-spacing: -0.02em; background: #FFF; display: inline-block;}
  .button {margin: 5px; width: 46%;}
}
body, html {padding:0; margin: 0; font-family: 'Montserrat'; overflow-x: hidden;}
.main-entry {text-align:center;}
.question-img {width: 100%; max-width: 500px;}
.main-home {text-align: center;}
.main-entry {padding-top: 10vh;}
.question-buttons {clear:both; padding:10px; display: inline-block;}
.question-buttons a {background: #FFF; font-family: 'Bebas Neue'; font-weight: 500; font-size: 50px; padding: 5px 20px; line-height: 1em;}


.main-section h1 {font-weight: 500; font-family: 'Bebas Neue'; font-size: 90px; line-height: 1em;}
.main-section h4 {margin-bottom: 20px;}
body {background-image: url(../images/bg.jpg); background-repeat: repeat; background-size: auto;}
.button {display: inline-block; padding: 10px; color: #FFF;  background: linear-gradient(to right, red 0%, orange 15%, #c9c90c 30%, green 45%, blue 60%, indigo 80%, violet 100%)}
.button a {color: #FFF !important; font-family: 'Bebas Neue'; font-size: 22px; text-decoration: none; }
.button img {width: 25px;}
.socials {margin-bottom: 40px;}
footer {background: #000; text-align: center; color: #FFF; clear:both; padding: 50px 0px;}
footer p {margin-bottom:0;}
.logo-img {padding: 30px 0px;}
.big-image img {width: 100%; height: auto;}
.buy-btn a {background: #fd627d; color: #FFF; font-family: 'Bebas Neue'; text-decoration: none; font-size: 30px;display: inline-block; padding: 5px 20px; border-radius: 10px;}
.buy-btn {clear:both;margin-bottom: 20px;}
.marquee {
/*   overflow: hidden; */
}

.marquee-content {
  display: flex;
  animation: scrolling 10s linear infinite;
}

.marquee-item {
  flex: 0 0 16vw;
  margin: 0 1vw;
/*   flex: 0 0 20vw; */
/*   margin: 0 2vw; */
}

.marquee-item img {
  display: block;
  width: 100%;
/*   padding: 0 20px; */
}

@keyframes scrolling {
  0% { transform: translateX(0); }
  100% { transform: translatex(-144vw); }
}


.wrapper { 
  height: 100%;
  width: 100%;
  left:0;
  right: 0;
  top: 0;
  bottom: 0;
  position: absolute;
background: linear-gradient(124deg, #ff2400, #e81d1d, #e8b71d, #e3e81d, #1de840, #1ddde8, #2b1de8, #dd00f3, #dd00f3);
background-size: 1800% 1800%;

-webkit-animation: rainbow 30s ease infinite;
-z-animation: rainbow 30s ease infinite;
-o-animation: rainbow 30s ease infinite;
  animation: rainbow 30s ease infinite;}

@-webkit-keyframes rainbow {
    0%{background-position:0% 82%}
    50%{background-position:100% 19%}
    100%{background-position:0% 82%}
}
@-moz-keyframes rainbow {
    0%{background-position:0% 82%}
    50%{background-position:100% 19%}
    100%{background-position:0% 82%}
}
@-o-keyframes rainbow {
    0%{background-position:0% 82%}
    50%{background-position:100% 19%}
    100%{background-position:0% 82%}
}
@keyframes rainbow { 
    0%{background-position:0% 82%}
    50%{background-position:100% 19%}
    100%{background-position:0% 82%}
}