.marquee-top h5 {margin-bottom: 0; margin-top: 5px; padding-bottom: 0;}
.memes {background:#FFF;}
@media (min-width:844px) {
  .memes img {width: 100%; height: auto; padding: 2px;}
.memes .col {padding: 0;}
}
@media (max-width:844px) {
	
	.marquee-top {min-height: 35px;}
  .marquee-top img {max-width: 30px; margin-top: -10px !important;}
  .memes img {width: 100%; height: auto;}
  .memes .col {padding: 0; min-width: 50%; height: auto; clear: both;}
}
/* marquee */

/* marquee div container */
.marquee-top {
    font-size: 2vw;
    color: #fff;
    font-family: 'Grandstander';
    height: 2.5vw;
    overflow: hidden;
    background-color: #fd627d;
    position: relative;
}
/* nested div inside the container */
.marquee-top div {
    display: block;
    width: 200%;
    position: absolute; 
    overflow: hidden;
    animation: marqueetop 12s linear infinite;
}
/* span with text */
.marquee-top span {
    float: left;
    width: 50%;
}
/* keyframe */
@keyframes marqueetop {
    0% { left: 0; }
    100% { left: -100%; }
}



.marquee-top h5 {display: inline-block; font-size: 26px; text-transform: uppercase; letter-spacing: 2px;}
.marquee-top img {display: inline-block; width: 40px; height: auto; margin: 0 20px;}


/* Gallery 
https://codepen.io/radixzz/pen/eRJKXy
*/
.grid-container {
  user-select: none;
  width: 100vw;
  height: 100vh;
  position: absolute;
  cursor: grab;
  cursor: -moz-grab;
  cursor: -webkit-grab;
}

.grid-container:active {
  cursor: grabbing;
  cursor: -moz-grabbing;
  cursor: -webkit-grabbing;
}

.card img {
  position: absolute;
  pointer-events: none;
  user-select: none;
  top: 0;
  left: 0;
}

.card {
  transition: opacity 0.5s;
  opacity: 1;
  overflow: hidden;
  position: absolute;
  width: 256px;
  height: 171px;
}

.card:hover {
  /*
  opacity: 0.5;
  */
}

.card.hidden {
  opacity: 0;
}
/* END gallery */

.logo-image {width: 100%; height: auto;}
@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: 'Grandstander'; 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: 'Grandstander'; font-weight: 500; font-size: 50px; padding: 5px 20px; line-height: 1em;}


.main-section h1 {font-weight: 500; font-family: 'Grandstander'; 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: #fd627d; border-radius:10px;}
.button a {color: #FFF !important; font-family: 'Grandstander'; 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: 'Grandstander'; 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%}
}