header {
  font-size: 42px;
  font-weight: bold;
  text-align: center;
}

section {
  width: 100vw;
  overflow: hidden;
  position: relative;
  --v-offset: 60px;
  --curve-height: 120px;
}
.truck2 {
    background-image: url(images/monstertruckpng.png);
    width: 490px;
    height: 358px;
    margin-top: -388px;
    /* [disabled]background-color: hsla(359,100%,50%,1.00); */
    visibility: visible;
    position: relative;
    background-size: 473px auto;
    margin-left: 417px;
    background-repeat: no-repeat;
}


.truck1 {
    background-image: url("images/monster2.png");
    width: 490px;
    height: 358px;
    margin-top: -112px;
    /* [disabled]background-color: hsla(359,100%,50%,1.00); */
    visibility: visible;
    position: relative;
    background-size: 473px auto;
    margin-left: -51px;
    background-repeat: no-repeat;
}
section:before, section:after {
    content: "";
    display: block;
    background-color: #0F3325;
  width: calc(100vw + 2 * var(--v-offset));
    height: var(--curve-height);
    position: absolute;
    border-radius: 50%;
  left: calc(-1 * var(--v-offset));
  right: calc(-1 * var(--v-offset));
}
section:before {
  top: calc(-0.6 * var(--curve-height));
}
section:after {
  bottom: calc(-0.6 * var(--curve-height));
}

.wrapper {
    display: grid;
    grid-template-rows: 300px;
    grid-auto-flow: column;
    grid-gap: 24px;
    overflow: auto;
    -ms-scroll-snap-type: x mandatory;
    scroll-snap-type: x mandatory;
    z-index: 0;
}
.wrapper img {
    scroll-snap-align: center;
    z-index: -1;
    background-color: hsla(0,0%,3%,1.00);
    -webkit-box-shadow: 151px -31px 267px 0px rgba(2,2,2,1.00);
    box-shadow: 151px -31px 267px 0px rgba(2,2,2,1.00);
}
.menutop {
    width: 218px;
    margin-left: auto;
    margin-right: auto;
    padding-right: 11px;
    color: hsla(0,0%,100%,1.00);
    font-size: 22px;
}
.blackbackfround {
    width: 100%;
    height: 498px;
    background-color: rgba(26,78,58,1.00);
    margin-bottom: 726px;
    margin-top: -682px;
}
.blackbackfround2 {
    width: 100%;
    height: 498px;
    background-color: rgba(26,78,58,1.00);
}
.blackbackfround3 {
    width: 100%;
    height: 498px;
    background-color: rgba(26,78,58,1.00);
}
.openingtimestext2 {
    text-align: center;
    width: 254px;
    margin-left: auto;
    margin-right: auto;
    color: rgba(255,255,2,1.00);
    margin-top: -43px;
    font-size: 29px;
}
.copyrightlogo {
    margin-top: -1223px;
    color: rgba(45,98,77,1.00);
}

@media (min-width:376px) and (max-width:414px){
.maincontainer {
    width: 414px;
    text-align: center;
    height: 1000px;
}
.logo {
    width: 369px;
    margin-left: -6px;
    margin-top: 616px;
}
.locationtext {
    margin-top: 115px;
    font-size: 23px;
    width: 237px;
    margin-left: -6px;
}
.truckleft {
    width: 318px;
    margin-left: 62px;
    margin-top: -74px;
}
.truckright {
    width: 362px;
    margin-left: -57px;
    margin-top: -231px;
}
.date {
    width: 350px;
    font-size: 38px;
    line-height: 50px;
    margin-top: -205px;
    margin-bottom: 30px;
}
.buyticketstext {
    margin-left: auto;
    margin-right: auto;
}
.photoscontainer {
    margin-left: -3px;
    margin-top: -878px;
}
.eventtext {
    width: 313px;
    margin-left: auto;
    text-align: justify;
    margin-top: -517px;
    margin-right: auto;
}
.greytext2 {
    width: 386px;
    font-size: 9px;
    margin-top: -1491px;
    margin-bottom: 67px;
    margin-left: 1px;
    line-height: 29px;
}
.copyrightlogo {
    margin-top: -2490px;
    margin-left: -7px;
}
.buytickets {
    margin-left: 33px;
}
.bike {
    margin-left: 404px;
    width: 203px;
    margin-bottom: -373px;
}
.truck1 {
    width: 295px;
    height: 273px;
    margin-left: 91px;
    margin-top: -86px;
    background-size: 294px auto;
}
.truck2 {
    margin-top: -293px;
    background-size: 327px auto;
    margin-left: 394px;
    width: 209px;
}
.allmenu {
    margin-left: 13px;
    margin-top: 207px;
    font-size: 67px;
    margin-bottom: -166px;
}
.blue {
    width: 430px;
    height: 273px;
    margin-top: 97px;
    background-size: 363px 407px;
    background-position: 42% 0%;
    margin-bottom: -813px;
    margin-left: -12px;
}
.menutop {
    font-size: 17px;
    margin-left: -10px;
    margin-right: -5px;
}
.banner {
    margin-left: 6px;
    margin-top: 32px;
    padding-top: 9px;
}
.greytext3 {
    margin-top: -1274px;
    width: 265px;
    margin-left: -527px;
    margin-right: -523px;
}
.latestnews {
    margin-left: 59px;
}
.openingtimestext {
    margin-left: -185px;
    margin-top: 476px;
}
.aboutustext {
    width: 320px;
    margin-left: 46px;
}
.contacttext {
    width: 336px;
    margin-left: 39px;
}
.emailbutton {
    margin-left: 61px;
}
.openingtimestext2 {
    margin-left: 87px;
}
.blackbackfround {
    max-width: 414px;
}
.ticker-wrap {
}
.centercontainer {
    width: 414px;
}
}

@media (max-width:375px) and (min-width:361px){
.maincontainer {
    width: 414px;
    text-align: center;
    height: 1000px;
}
.logo {
    width: 369px;
    margin-left: -6px;
    margin-top: 616px;
}
.locationtext {
    margin-top: 115px;
    font-size: 23px;
    width: 237px;
    margin-left: -6px;
}
.truckleft {
    width: 318px;
    margin-left: 62px;
    margin-top: -74px;
}
.truckright {
    width: 362px;
    margin-left: -57px;
    margin-top: -231px;
}
.date {
    width: 350px;
    font-size: 38px;
    line-height: 50px;
    margin-top: -205px;
    margin-bottom: 30px;
}
.buyticketstext {
    margin-left: auto;
    margin-right: auto;
}
.photoscontainer {
    margin-left: -3px;
    margin-top: -878px;
}
.eventtext {
    width: 313px;
    margin-left: auto;
    text-align: justify;
    margin-top: -517px;
    margin-right: auto;
}
.greytext2 {
    width: 386px;
    font-size: 9px;
    margin-top: -1491px;
    margin-bottom: 67px;
    margin-left: 1px;
    line-height: 29px;
}
.copyrightlogo {
    margin-top: -2490px;
    margin-left: -7px;
}
.buytickets {
    margin-left: 33px;
}
.bike {
    margin-left: 404px;
    width: 203px;
    margin-bottom: -373px;
}
.truck1 {
    width: 295px;
    height: 273px;
    margin-left: 91px;
    margin-top: -86px;
    background-size: 294px auto;
}
.truck2 {
    margin-top: -293px;
    background-size: 327px auto;
    margin-left: 394px;
    width: 209px;
}
.allmenu {
    margin-left: 13px;
    margin-top: 207px;
    font-size: 67px;
    margin-bottom: -166px;
}
.blue {
    width: 430px;
    height: 273px;
    margin-top: 97px;
    background-size: 363px 407px;
    background-position: 42% 0%;
    margin-bottom: -813px;
    margin-left: -12px;
}
.menutop {
    font-size: 17px;
    margin-left: -10px;
    margin-right: -5px;
}
.banner {
    margin-left: 6px;
    margin-top: 32px;
    padding-top: 9px;
}
.greytext3 {
    margin-top: -1274px;
    width: 265px;
    margin-left: -527px;
    margin-right: -523px;
}
.latestnews {
    margin-left: 59px;
}
.openingtimestext {
    margin-left: -185px;
    margin-top: 476px;
}
.aboutustext {
    width: 320px;
    margin-left: 46px;
}
.contacttext {
    width: 336px;
    margin-left: 39px;
}
.emailbutton {
    margin-left: 61px;
}
.openingtimestext2 {
    margin-left: 87px;
}
.blackbackfround {
    max-width: 414px;
}
.ticker-wrap {
}
.centercontainer {
    width: 414px;
}
}

@media (max-width:360px){
.maincontainer {
    width: 414px;
    text-align: center;
    height: 1000px;
}
.logo {
    width: 369px;
    margin-left: -6px;
    margin-top: 616px;
}
.locationtext {
    margin-top: 115px;
    font-size: 23px;
    width: 237px;
    margin-left: -6px;
}
.truckleft {
    width: 318px;
    margin-left: 62px;
    margin-top: -74px;
}
.truckright {
    width: 362px;
    margin-left: -57px;
    margin-top: -231px;
}
.date {
    width: 350px;
    font-size: 38px;
    line-height: 50px;
    margin-top: -205px;
    margin-bottom: 30px;
}
.buyticketstext {
    margin-left: auto;
    margin-right: auto;
}
.photoscontainer {
    margin-left: -3px;
    margin-top: -878px;
}
.eventtext {
    width: 313px;
    margin-left: auto;
    text-align: justify;
    margin-top: -517px;
    margin-right: auto;
}
.greytext2 {
    width: 386px;
    font-size: 9px;
    margin-top: -1491px;
    margin-bottom: 67px;
    margin-left: 1px;
    line-height: 29px;
}
.copyrightlogo {
    margin-top: -2490px;
    margin-left: -7px;
}
.buytickets {
    margin-left: 33px;
}
.bike {
    margin-left: 404px;
    width: 203px;
    margin-bottom: -373px;
}
.truck1 {
    width: 295px;
    height: 273px;
    margin-left: 91px;
    margin-top: -86px;
    background-size: 294px auto;
}
.truck2 {
    margin-top: -293px;
    background-size: 327px auto;
    margin-left: 394px;
    width: 209px;
}
.allmenu {
    margin-left: 13px;
    margin-top: 207px;
    font-size: 67px;
    margin-bottom: -166px;
}
.blue {
    width: 430px;
    height: 273px;
    margin-top: 97px;
    background-size: 363px 407px;
    background-position: 42% 0%;
    margin-bottom: -813px;
    margin-left: -12px;
}
.menutop {
    font-size: 17px;
    margin-left: -10px;
    margin-right: -5px;
}
.banner {
    margin-left: 6px;
    margin-top: 32px;
    padding-top: 9px;
}
.greytext3 {
    margin-top: -1274px;
    width: 265px;
    margin-left: -527px;
    margin-right: -523px;
}
.latestnews {
    margin-left: 59px;
}
.openingtimestext {
    margin-left: -185px;
    margin-top: 476px;
}
.aboutustext {
    width: 320px;
    margin-left: 46px;
}
.contacttext {
    width: 336px;
    margin-left: 39px;
}
.emailbutton {
    margin-left: 61px;
}
.openingtimestext2 {
    margin-left: 87px;
}
.blackbackfround {
    max-width: 414px;
}
.ticker-wrap {
}
.centercontainer {
    width: 414px;
}
}