/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
   
    /* Body */
   
    @keyframes move {
        100% {
            transform: translate3d(0, 0, 1px) rotate(360deg);
        }
    }
    
    .background {
        position: fixed;
        width: 100vw;
        height: 100vh;
        top: 0;
        left: 0;
        background: #000000;
        overflow: hidden;
    }
    
    .background span {
        width: 1vmin;
        height: 1vmin;
        border-radius: 1vmin;
        backface-visibility: hidden;
        position: absolute;
        animation: move;
        animation-duration: 50;
        animation-timing-function: linear;
        animation-iteration-count: infinite;
    }
    
    
    .background span:nth-child(0) {
        color: #ffffff;
        top: 77%;
        left: 78%;
        animation-duration: 6s;
        animation-delay: -1s;
        transform-origin: -12vw 7vh;
        box-shadow: 2vmin 0 0.7343078380143293vmin currentColor;
    }
    .background span:nth-child(1) {
        color: #ffffff;
        top: 55%;
        left: 89%;
        animation-duration: 6s;
        animation-delay: -1s;
        transform-origin: 11vw -10vh;
        box-shadow: 2vmin 0 0.9773593266570719vmin currentColor;
    }
    .background span:nth-child(2) {
        color: #fcfcfc;
        top: 49%;
        left: 33%;
        animation-duration: 6s;
        animation-delay: -1s;
        transform-origin: 3vw 4vh;
        box-shadow: -2vmin 0 0.5521760348464491vmin currentColor;
    }
    .background span:nth-child(3) {
        color: #ffffff;
        top: 9%;
        left: 68%;
        animation-duration: 6s;
        animation-delay: -1s;
        transform-origin: 24vw 6vh;
        box-shadow: -2vmin 0 1.0655023312515954vmin currentColor;
    }
    .background span:nth-child(4) {
        color: #10a213;
        top: 8%;
        left: 39%;
        animation-duration: 6s;
        animation-delay: -1s;
        transform-origin: -17vw 5vh;
        box-shadow: 2vmin 0 0.9914645007850931vmin currentColor;
    }
    .background span:nth-child(5) {
        color: #ffffff;
        top: 64%;
        left: 56%;
        animation-duration: 6s;
        animation-delay: -1s;
        transform-origin: 11vw -5vh;
        box-shadow: -2vmin 0 0.5062213647323945vmin currentColor;
    }
    .background span:nth-child(6) {
        color: #10a213;
        top: 65%;
        left: 94%;
        animation-duration: 6s;
        animation-delay: -1s;
        transform-origin: -10vw -1vh;
        box-shadow: -2vmin 0 1.0660434824467924vmin currentColor;
    }
    .background span:nth-child(7) {
        color: #fcfcfc;
        top: 65%;
        left: 49%;
        animation-duration: 6s;
        animation-delay: -1s;
        transform-origin: 11vw -2vh;
        box-shadow: -2vmin 0 0.7333124560664803vmin currentColor;
    }
    .background span:nth-child(8) {
        color: #10a213;
        top: 75%;
        left: 72%;
        animation-duration: 6s;
        animation-delay: -1s;
        transform-origin: -21vw 4vh;
        box-shadow: 2vmin 0 0.3153291425564093vmin currentColor;
    }
    .background span:nth-child(9) {
        color: #10a213;
        top: 56%;
        left: 1%;
        animation-duration: 6s;
        animation-delay: -1s;
        transform-origin: -12vw 5vh;
        box-shadow: -2vmin 0 1.06030695453837vmin currentColor;
    }
    .background span:nth-child(10) {
        color: #fcfcfc;
        top: 98%;
        left: 65%;
        animation-duration: 6s;
        animation-delay: -1s;
        transform-origin: 8vw -21vh;
        box-shadow: 2vmin 0 1.072588089546152vmin currentColor;
    }
    .background span:nth-child(11) {
        color: #10a213;
        top: 15%;
        left: 25%;
        animation-duration: 6s;
        animation-delay: -1s;
        transform-origin: -5vw -9vh;
        box-shadow: -2vmin 0 0.6316687226923221vmin currentColor;
    }
    .background span:nth-child(12) {
        color: #ffffff;
        top: 70%;
        left: 23%;
        animation-duration: 6s;
        animation-delay: -1s;
        transform-origin: 6vw -4vh;
        box-shadow: -2vmin 0 0.6257681357064142vmin currentColor;
    }
    .background span:nth-child(13) {
        color: #fcfcfc;
        top: 93%;
        left: 87%;
        animation-duration: 6s;
        animation-delay: -1s;
        transform-origin: 19vw -2vh;
        box-shadow: -2vmin 0 0.734620311737723vmin currentColor;
    }
    .background span:nth-child(14) {
        color: #10a213;
        top: 82%;
        left: 51%;
        animation-duration: 6s;
        animation-delay: -1s;
        transform-origin: 2vw -4vh;
        box-shadow: -2vmin 0 0.8479605291274077vmin currentColor;
    }
    .background span:nth-child(15) {
        color: #ffffff;
        top: 50%;
        left: 62%;
        animation-duration: 6s;
        animation-delay: -1s;
        transform-origin: 13vw 5vh;
        box-shadow: -2vmin 0 0.556349444661461vmin currentColor;
    }
    .background span:nth-child(16) {
        color: #10a213;
        top: 20%;
        left: 81%;
        animation-duration: 6s;
        animation-delay: -1s;
        transform-origin: -1vw 23vh;
        box-shadow: -2vmin 0 0.8964686575910525vmin currentColor;
    }
    .background span:nth-child(17) {
        color: #fcfcfc;
        top: 40%;
        left: 87%;
        animation-duration: 6s;
        animation-delay: -1s;
        transform-origin: 9vw 13vh;
        box-shadow: 2vmin 0 0.42152312231586575vmin currentColor;
    }
    .background span:nth-child(18) {
        color: #10a213;
        top: 77%;
        left: 18%;
        animation-duration: 6s;
        animation-delay: -1s;
        transform-origin: -6vw 24vh;
        box-shadow: 2vmin 0 0.5808964899879927vmin currentColor;
    }
    .background span:nth-child(19) {
        color: #10a213;
        top: 31%;
        left: 54%;
        animation-duration: 6s;
        animation-delay: -1s;
        transform-origin: -10vw 8vh;
        box-shadow: 2vmin 0 1.1699824354780004vmin currentColor;
    }
    .background span:nth-child(20) {
        color: #10a213;
        top: 39%;
        left: 23%;
        animation-duration: 6s;
        animation-delay: -1s;
        transform-origin: 19vw -18vh;
        box-shadow: 2vmin 0 0.6457477328038896vmin currentColor;
    }
    .background span:nth-child(21) {
        color: #ffffff;
        top: 57%;
        left: 61%;
        animation-duration: 6s;
        animation-delay: -1s;
        transform-origin: 20vw 25vh;
        box-shadow: -2vmin 0 0.2573524856399765vmin currentColor;
    }
    .background span:nth-child(22) {
        color: #fcfcfc;
        top: 12%;
        left: 42%;
        animation-duration: 6s;
        animation-delay: -1s;
        transform-origin: 1vw 25vh;
        box-shadow: 2vmin 0 0.4687487256896612vmin currentColor;
    }
    .background span:nth-child(23) {
        color: #ffffff;
        top: 94%;
        left: 57%;
        animation-duration: 6s;
        animation-delay: -1s;
        transform-origin: -8vw 19vh;
        box-shadow: 2vmin 0 0.5994139694227814vmin currentColor;
    }
    .background span:nth-child(24) {
        color: #fcfcfc;
        top: 100%;
        left: 63%;
        animation-duration: 6s;
        animation-delay: -1s;
        transform-origin: 22vw 20vh;
        box-shadow: -2vmin 0 1.0248824124063944vmin currentColor;
    }
    .background span:nth-child(25) {
        color: #fcfcfc;
        top: 70%;
        left: 52%;
        animation-duration: 6s;
        animation-delay: -1s;
        transform-origin: 7vw -22vh;
        box-shadow: 2vmin 0 0.3993043350747403vmin currentColor;
    }
    .background span:nth-child(26) {
        color: #fcfcfc;
        top: 34%;
        left: 49%;
        animation-duration: 6s;
        animation-delay: -1s;
        transform-origin: -22vw -1vh;
        box-shadow: 2vmin 0 0.989126654190785vmin currentColor;
    }
    .background span:nth-child(27) {
        color: #ffffff;
        top: 32%;
        left: 74%;
        animation-duration: 6s;
        animation-delay: -1s;
        transform-origin: 2vw -15vh;
        box-shadow: -2vmin 0 1.1324325035230367vmin currentColor;
    }
    .background span:nth-child(28) {
        color: #fcfcfc;
        top: 74%;
        left: 9%;
        animation-duration: 6s;
        animation-delay: -1s;
        transform-origin: 14vw -7vh;
        box-shadow: -2vmin 0 0.896850493111536vmin currentColor;
    }
    .background span:nth-child(29) {
        color: #10a213;
        top: 78%;
        left: 59%;
        animation-duration: 6s;
        animation-delay: -1s;
        transform-origin: -14vw 6vh;
        box-shadow: 2vmin 0 0.947815550085072vmin currentColor;
    }
    .background span:nth-child(30) {
        color: #10a213;
        top: 83%;
        left: 84%;
        animation-duration: 6s;
        animation-delay: -1s;
        transform-origin: -13vw 20vh;
        box-shadow: 2vmin 0 0.6153537638345921vmin currentColor;
    }
    .background span:nth-child(31) {
        color: #10a213;
        top: 95%;
        left: 43%;
        animation-duration: 6s;
        animation-delay: -1s;
        transform-origin: -16vw -23vh;
        box-shadow: -2vmin 0 0.6757877201114526vmin currentColor;
    }
    .background span:nth-child(32) {
        color: #10a213;
        top: 60%;
        left: 87%;
        animation-duration: 6s;
        animation-delay: -1s;
        transform-origin: -22vw 17vh;
        box-shadow: -2vmin 0 0.5326834397894771vmin currentColor;
    }
    .background span:nth-child(33) {
        color: #ffffff;
        top: 42%;
        left: 57%;
        animation-duration: 6s;
        animation-delay: -1s;
        transform-origin: 19vw 7vh;
        box-shadow: 2vmin 0 1.1066672385581802vmin currentColor;
    }
    .background span:nth-child(34) {
        color: #fcfcfc;
        top: 8%;
        left: 76%;
        animation-duration: 6s;
        animation-delay: -1s;
        transform-origin: 17vw -17vh;
        box-shadow: 2vmin 0 0.4827517022110752vmin currentColor;
    }
    .background span:nth-child(35) {
        color: #fcfcfc;
        top: 36%;
        left: 66%;
        animation-duration: 6s;
        animation-delay: -1s;
        transform-origin: -17vw -5vh;
        box-shadow: -2vmin 0 1.0298667597342506vmin currentColor;
    }
    .background span:nth-child(36) {
        color: #10a213;
        top: 91%;
        left: 44%;
        animation-duration: 6s;
        animation-delay: -1s;
        transform-origin: -10vw 8vh;
        box-shadow: -2vmin 0 0.8650872046699483vmin currentColor;
    }
    .background span:nth-child(37) {
        color: #ffffff;
        top: 49%;
        left: 98%;
        animation-duration: 6s;
        animation-delay: -1s;
        transform-origin: 13vw 19vh;
        box-shadow: 2vmin 0 0.6982868231235069vmin currentColor;
    }


   /* HEAD */

   .head1{
    height: auto;
    width: 100%;
    position: relative;
    z-index: 12;
   }
   
   
   
   
   
    /* Social Media */
    
   
   .socialMedia {
        color: white;
        display: flex;
        justify-content: center;
        flex-direction: column;
        font-size: 15px;

        font-family: "Kode Mono", monospace;
        font-optical-sizing: auto;
        font-weight: <weight>;
        font-style: normal;
    }
    
    .socialMedia div{
        display: flex;
        justify-content: center;
        margin: 1vw;


    }

    a{
        text-decoration: none;
    }


    /* SATURDAY SUNDAY MENU */
    .SatSun-Menu{
         background-color:rgba(255, 0, 0, 0.535);
        border-radius: 2em;
        height: 3.5em;
        position: relative;
    }

    .SatSun-Menu h3{
        color: white;
    }

    .SatSun-Menu:hover{
        background-color: #10a213;
    }

    
    /* Catering Menu */
    #sameSize-0{
        max-width: 10vw;
        height: 10vw;
    }

    .CateringMenu{
        background-color:silver;
        border-radius: 2em;
        height: 3em;
    }


    .CateringMenu:hover{
        filter: drop-shadow(-5px 2px 4px black);
    }

    .CateringMenu img{
        position: relative;
        padding-left: 11.5em;
        bottom: 3.5em;
    }

    .CateringMenu h3{
        position: relative;
        padding-right: 5em;
        bottom: 6px;
        color: white;
    }

    /* FaceBook */
    #sameSize{
        max-width: 35vw;
        height: 10vw;
    }

    .fB{
        background-color: rgba(0, 0, 255, 0.722);
        border-radius: 2em;
        height: 3em;
    }
   
    .fB:hover{
        background-color: rgba(0, 0, 255, 0.722);
        filter: drop-shadow(-5px 2px 4px black );

    }


    .fB img{
        position: relative;
        padding-left: 11.5em;
        bottom: 3.5em;
        
    }
    .fB h3{
        position: relative;
        padding-right: 5em;
        bottom: 6px;
        color: white;
    }




    /* TikTok */
    #sameSize-1{
        max-width: 35vw;
        height: 10vw;
    }

    .TT{
        background-color: black;
        border-radius: 2em;
        height:3em;
    }

    .TT:hover{
        background-color: aqua;
        filter: drop-shadow(-5px 2px 4px black );

    }


    .TT img{
        position: relative;
        padding-left: 11.5em;
        bottom: 3.5em;
    }

    .TT h3{
        position: relative;
        padding-left: 1em;
        bottom: 5px;
        color: white;
        }


    /* WhatsApp */
    #sameSize-2{
        max-width: 30vw;
        height: 10vw;
    }

    .WA{
        background-color: green;
        border-radius: 2em;
        height: 3em;
    }

    .WA:hover{
        filter: drop-shadow(-5px 2px 4px black );
        background-color: rgb(37, 176, 2);
    }

    .WA img{
        position: relative;
        padding-left: 11.5em;
        bottom: 3.5em;
    }

    .WA h3{
        position: relative;
        padding-left: 0em;
        bottom: 5px;
        color: white;


    }

    /* GOOGLE MAP */

    #sameSize-3{
        max-width: 30vw;
        height: 10vw;
    }
    .GM{
        background-color: yellow;
        border-radius: 2em;
        height: 3em;
    }

    .GM:hover{
        filter: drop-shadow(-5px 2px 4px black );

    }

    .GM img{
        position: relative;
        padding-left: 11.5em;
        bottom: 3.5em;
    }

    .GM h3{
        position: relative;
        padding-left: 0em;
        bottom: 5px;
        color: white;
    }
    


}
  
  /* Small devices (portrait tablets and large phones, 600px and up) */
  @media only screen and (min-width: 600px) {
      /* Body */
   
      @keyframes move {
        100% {
            transform: translate3d(0, 0, 1px) rotate(360deg);
        }
    }
    
    .background {
        position: fixed;
        width: 100vw;
        height: 100vh;
        top: 0;
        left: 0;
        background: #000000;
        overflow: hidden;
    }
    
    .background span {
        width: 1vmin;
        height: 1vmin;
        border-radius: 1vmin;
        backface-visibility: hidden;
        position: absolute;
        animation: move;
        animation-duration: 50;
        animation-timing-function: linear;
        animation-iteration-count: infinite;
    }
    
    
    .background span:nth-child(0) {
        color: #ffffff;
        top: 77%;
        left: 78%;
        animation-duration: 6s;
        animation-delay: -1s;
        transform-origin: -12vw 7vh;
        box-shadow: 2vmin 0 0.7343078380143293vmin currentColor;
    }
    .background span:nth-child(1) {
        color: #ffffff;
        top: 55%;
        left: 89%;
        animation-duration: 6s;
        animation-delay: -1s;
        transform-origin: 11vw -10vh;
        box-shadow: 2vmin 0 0.9773593266570719vmin currentColor;
    }
    .background span:nth-child(2) {
        color: #fcfcfc;
        top: 49%;
        left: 33%;
        animation-duration: 6s;
        animation-delay: -1s;
        transform-origin: 3vw 4vh;
        box-shadow: -2vmin 0 0.5521760348464491vmin currentColor;
    }
    .background span:nth-child(3) {
        color: #ffffff;
        top: 9%;
        left: 68%;
        animation-duration: 6s;
        animation-delay: -1s;
        transform-origin: 24vw 6vh;
        box-shadow: -2vmin 0 1.0655023312515954vmin currentColor;
    }
    .background span:nth-child(4) {
        color: #10a213;
        top: 8%;
        left: 39%;
        animation-duration: 6s;
        animation-delay: -1s;
        transform-origin: -17vw 5vh;
        box-shadow: 2vmin 0 0.9914645007850931vmin currentColor;
    }
    .background span:nth-child(5) {
        color: #ffffff;
        top: 64%;
        left: 56%;
        animation-duration: 6s;
        animation-delay: -1s;
        transform-origin: 11vw -5vh;
        box-shadow: -2vmin 0 0.5062213647323945vmin currentColor;
    }
    .background span:nth-child(6) {
        color: #10a213;
        top: 65%;
        left: 94%;
        animation-duration: 6s;
        animation-delay: -1s;
        transform-origin: -10vw -1vh;
        box-shadow: -2vmin 0 1.0660434824467924vmin currentColor;
    }
    .background span:nth-child(7) {
        color: #fcfcfc;
        top: 65%;
        left: 49%;
        animation-duration: 6s;
        animation-delay: -1s;
        transform-origin: 11vw -2vh;
        box-shadow: -2vmin 0 0.7333124560664803vmin currentColor;
    }
    .background span:nth-child(8) {
        color: #10a213;
        top: 75%;
        left: 72%;
        animation-duration: 6s;
        animation-delay: -1s;
        transform-origin: -21vw 4vh;
        box-shadow: 2vmin 0 0.3153291425564093vmin currentColor;
    }
    .background span:nth-child(9) {
        color: #10a213;
        top: 56%;
        left: 1%;
        animation-duration: 6s;
        animation-delay: -1s;
        transform-origin: -12vw 5vh;
        box-shadow: -2vmin 0 1.06030695453837vmin currentColor;
    }
    .background span:nth-child(10) {
        color: #fcfcfc;
        top: 98%;
        left: 65%;
        animation-duration: 6s;
        animation-delay: -1s;
        transform-origin: 8vw -21vh;
        box-shadow: 2vmin 0 1.072588089546152vmin currentColor;
    }
    .background span:nth-child(11) {
        color: #10a213;
        top: 15%;
        left: 25%;
        animation-duration: 6s;
        animation-delay: -1s;
        transform-origin: -5vw -9vh;
        box-shadow: -2vmin 0 0.6316687226923221vmin currentColor;
    }
    .background span:nth-child(12) {
        color: #ffffff;
        top: 70%;
        left: 23%;
        animation-duration: 6s;
        animation-delay: -1s;
        transform-origin: 6vw -4vh;
        box-shadow: -2vmin 0 0.6257681357064142vmin currentColor;
    }
    .background span:nth-child(13) {
        color: #fcfcfc;
        top: 93%;
        left: 87%;
        animation-duration: 6s;
        animation-delay: -1s;
        transform-origin: 19vw -2vh;
        box-shadow: -2vmin 0 0.734620311737723vmin currentColor;
    }
    .background span:nth-child(14) {
        color: #10a213;
        top: 82%;
        left: 51%;
        animation-duration: 6s;
        animation-delay: -1s;
        transform-origin: 2vw -4vh;
        box-shadow: -2vmin 0 0.8479605291274077vmin currentColor;
    }
    .background span:nth-child(15) {
        color: #ffffff;
        top: 50%;
        left: 62%;
        animation-duration: 6s;
        animation-delay: -1s;
        transform-origin: 13vw 5vh;
        box-shadow: -2vmin 0 0.556349444661461vmin currentColor;
    }
    .background span:nth-child(16) {
        color: #10a213;
        top: 20%;
        left: 81%;
        animation-duration: 6s;
        animation-delay: -1s;
        transform-origin: -1vw 23vh;
        box-shadow: -2vmin 0 0.8964686575910525vmin currentColor;
    }
    .background span:nth-child(17) {
        color: #fcfcfc;
        top: 40%;
        left: 87%;
        animation-duration: 6s;
        animation-delay: -1s;
        transform-origin: 9vw 13vh;
        box-shadow: 2vmin 0 0.42152312231586575vmin currentColor;
    }
    .background span:nth-child(18) {
        color: #10a213;
        top: 77%;
        left: 18%;
        animation-duration: 6s;
        animation-delay: -1s;
        transform-origin: -6vw 24vh;
        box-shadow: 2vmin 0 0.5808964899879927vmin currentColor;
    }
    .background span:nth-child(19) {
        color: #10a213;
        top: 31%;
        left: 54%;
        animation-duration: 6s;
        animation-delay: -1s;
        transform-origin: -10vw 8vh;
        box-shadow: 2vmin 0 1.1699824354780004vmin currentColor;
    }
    .background span:nth-child(20) {
        color: #10a213;
        top: 39%;
        left: 23%;
        animation-duration: 6s;
        animation-delay: -1s;
        transform-origin: 19vw -18vh;
        box-shadow: 2vmin 0 0.6457477328038896vmin currentColor;
    }
    .background span:nth-child(21) {
        color: #ffffff;
        top: 57%;
        left: 61%;
        animation-duration: 6s;
        animation-delay: -1s;
        transform-origin: 20vw 25vh;
        box-shadow: -2vmin 0 0.2573524856399765vmin currentColor;
    }
    .background span:nth-child(22) {
        color: #fcfcfc;
        top: 12%;
        left: 42%;
        animation-duration: 6s;
        animation-delay: -1s;
        transform-origin: 1vw 25vh;
        box-shadow: 2vmin 0 0.4687487256896612vmin currentColor;
    }
    .background span:nth-child(23) {
        color: #ffffff;
        top: 94%;
        left: 57%;
        animation-duration: 6s;
        animation-delay: -1s;
        transform-origin: -8vw 19vh;
        box-shadow: 2vmin 0 0.5994139694227814vmin currentColor;
    }
    .background span:nth-child(24) {
        color: #fcfcfc;
        top: 100%;
        left: 63%;
        animation-duration: 6s;
        animation-delay: -1s;
        transform-origin: 22vw 20vh;
        box-shadow: -2vmin 0 1.0248824124063944vmin currentColor;
    }
    .background span:nth-child(25) {
        color: #fcfcfc;
        top: 70%;
        left: 52%;
        animation-duration: 6s;
        animation-delay: -1s;
        transform-origin: 7vw -22vh;
        box-shadow: 2vmin 0 0.3993043350747403vmin currentColor;
    }
    .background span:nth-child(26) {
        color: #fcfcfc;
        top: 34%;
        left: 49%;
        animation-duration: 6s;
        animation-delay: -1s;
        transform-origin: -22vw -1vh;
        box-shadow: 2vmin 0 0.989126654190785vmin currentColor;
    }
    .background span:nth-child(27) {
        color: #ffffff;
        top: 32%;
        left: 74%;
        animation-duration: 6s;
        animation-delay: -1s;
        transform-origin: 2vw -15vh;
        box-shadow: -2vmin 0 1.1324325035230367vmin currentColor;
    }
    .background span:nth-child(28) {
        color: #fcfcfc;
        top: 74%;
        left: 9%;
        animation-duration: 6s;
        animation-delay: -1s;
        transform-origin: 14vw -7vh;
        box-shadow: -2vmin 0 0.896850493111536vmin currentColor;
    }
    .background span:nth-child(29) {
        color: #10a213;
        top: 78%;
        left: 59%;
        animation-duration: 6s;
        animation-delay: -1s;
        transform-origin: -14vw 6vh;
        box-shadow: 2vmin 0 0.947815550085072vmin currentColor;
    }
    .background span:nth-child(30) {
        color: #10a213;
        top: 83%;
        left: 84%;
        animation-duration: 6s;
        animation-delay: -1s;
        transform-origin: -13vw 20vh;
        box-shadow: 2vmin 0 0.6153537638345921vmin currentColor;
    }
    .background span:nth-child(31) {
        color: #10a213;
        top: 95%;
        left: 43%;
        animation-duration: 6s;
        animation-delay: -1s;
        transform-origin: -16vw -23vh;
        box-shadow: -2vmin 0 0.6757877201114526vmin currentColor;
    }
    .background span:nth-child(32) {
        color: #10a213;
        top: 60%;
        left: 87%;
        animation-duration: 6s;
        animation-delay: -1s;
        transform-origin: -22vw 17vh;
        box-shadow: -2vmin 0 0.5326834397894771vmin currentColor;
    }
    .background span:nth-child(33) {
        color: #ffffff;
        top: 42%;
        left: 57%;
        animation-duration: 6s;
        animation-delay: -1s;
        transform-origin: 19vw 7vh;
        box-shadow: 2vmin 0 1.1066672385581802vmin currentColor;
    }
    .background span:nth-child(34) {
        color: #fcfcfc;
        top: 8%;
        left: 76%;
        animation-duration: 6s;
        animation-delay: -1s;
        transform-origin: 17vw -17vh;
        box-shadow: 2vmin 0 0.4827517022110752vmin currentColor;
    }
    .background span:nth-child(35) {
        color: #fcfcfc;
        top: 36%;
        left: 66%;
        animation-duration: 6s;
        animation-delay: -1s;
        transform-origin: -17vw -5vh;
        box-shadow: -2vmin 0 1.0298667597342506vmin currentColor;
    }
    .background span:nth-child(36) {
        color: #10a213;
        top: 91%;
        left: 44%;
        animation-duration: 6s;
        animation-delay: -1s;
        transform-origin: -10vw 8vh;
        box-shadow: -2vmin 0 0.8650872046699483vmin currentColor;
    }
    .background span:nth-child(37) {
        color: #ffffff;
        top: 49%;
        left: 98%;
        animation-duration: 6s;
        animation-delay: -1s;
        transform-origin: 13vw 19vh;
        box-shadow: 2vmin 0 0.6982868231235069vmin currentColor;
    }


   /* HEAD */

   .head1{
    height: auto;
    width: 100%;
    position: relative;
    z-index: 12;
   }
   
   
   
   
   
    /* Social Media */
    
   
   .socialMedia {
        color: white;
        display: flex;
        justify-content: center;
        flex-direction: column;
        font-size: 15px;

        font-family: "Kode Mono", monospace;
        font-optical-sizing: auto;
        font-weight: <weight>;
        font-style: normal;
    }
    
    .socialMedia div{
        display: flex;
        justify-content: center;
        margin: 1vw;


    }

    a{
        text-decoration: none;
    }


    /* SATURDAY SUNDAY MENU */
    .SatSun-Menu{
         background-color:rgba(255, 0, 0, 0.535);
        border-radius: 2em;
        height: 3.5em;
        position: relative;
    }

    .SatSun-Menu h3{
        color: white;
    }

    .SatSun-Menu:hover{
        background-color: #10a213;
    }

    
    /* Catering Menu */
    #sameSize-0{
        max-width: 10vw;
        height: 5.5vw;
    }

    .CateringMenu{
        background-color:silver;
        border-radius: 2em;
        height: 3em;
    }


    .CateringMenu:hover{
        filter: drop-shadow(-5px 2px 4px black);
    }

    .CateringMenu img{
        position: relative;
        padding-left: 11.5em;
        bottom: 3.5em;
    }

    .CateringMenu h3{
        position: relative;
        padding-right: 5em;
        bottom: 6px;
        color: white;
    }

    /* FaceBook */
    #sameSize{
        max-width: 35vw;
        height: 5vw;
    }

    .fB{
        background-color: rgba(0, 0, 255, 0.722);
        border-radius: 2em;
        height: 3em;
    }
   
    .fB:hover{
        background-color: rgba(0, 0, 255, 0.722);
        filter: drop-shadow(-5px 2px 4px black );

    }


    .fB img{
        position: relative;
        padding-left: 11.5em;
        bottom: 3.5em;
        
    }
    .fB h3{
        position: relative;
        padding-right: 5em;
        bottom: 6px;
        color: white;
    }




    /* TikTok */
    #sameSize-1{
        max-width: 35vw;
        height: 5vw;
    }

    .TT{
        background-color: black;
        border-radius: 2em;
        height:3em;
    }

    .TT:hover{
        background-color: aqua;
        filter: drop-shadow(-5px 2px 4px black );

    }


    .TT img{
        position: relative;
        padding-left: 11.5em;
        bottom: 3.5em;
    }

    .TT h3{
        position: relative;
        padding-left: 1em;
        bottom: 5px;
        color: white;
        }


    /* WhatsApp */
    #sameSize-2{
        max-width: 30vw;
        height: 5vw;
    }

    .WA{
        background-color: green;
        border-radius: 2em;
        height: 3em;
    }

    .WA:hover{
        filter: drop-shadow(-5px 2px 4px black );
        background-color: rgb(37, 176, 2);
    }

    .WA img{
        position: relative;
        padding-left: 11.5em;
        bottom: 3.5em;
    }

    .WA h3{
        position: relative;
        padding-left: 1em;
        bottom: 5px;
        color: white;


    }

    /* GOOGLE MAP */

    #sameSize-3{
        max-width: 30vw;
        height: 5vw;
    }
    .GM{
        background-color: yellow;
        border-radius: 2em;
        height: 3em;
    }

    .GM:hover{
        filter: drop-shadow(-5px 2px 4px black );

    }

    .GM img{
        position: relative;
        padding-left: 11.5em;
        bottom: 3.5em;
    }

    .GM h3{
        position: relative;
        padding-left: 0em;
        bottom: 5px;
        color: white;
    }
    

  }
  
  /* Medium devices (landscape tablets, 768px and up) */
  @media only screen and (min-width: 768px) {
        /* Body */
   
    @keyframes move {
        100% {
            transform: translate3d(0, 0, 1px) rotate(360deg);
        }
    }
    
    .background {
        position: fixed;
        width: 100vw;
        height: 100vh;
        top: 0;
        left: 0;
        background: #000000;
        overflow: hidden;
    }
    
    .background span {
        width: 1vmin;
        height: 1vmin;
        border-radius: 1vmin;
        backface-visibility: hidden;
        position: absolute;
        animation: move;
        animation-duration: 50;
        animation-timing-function: linear;
        animation-iteration-count: infinite;
    }
    
    
    .background span:nth-child(0) {
        color: #ffffff;
        top: 77%;
        left: 78%;
        animation-duration: 6s;
        animation-delay: -1s;
        transform-origin: -12vw 7vh;
        box-shadow: 2vmin 0 0.7343078380143293vmin currentColor;
    }
    .background span:nth-child(1) {
        color: #ffffff;
        top: 55%;
        left: 89%;
        animation-duration: 6s;
        animation-delay: -1s;
        transform-origin: 11vw -10vh;
        box-shadow: 2vmin 0 0.9773593266570719vmin currentColor;
    }
    .background span:nth-child(2) {
        color: #fcfcfc;
        top: 49%;
        left: 33%;
        animation-duration: 6s;
        animation-delay: -1s;
        transform-origin: 3vw 4vh;
        box-shadow: -2vmin 0 0.5521760348464491vmin currentColor;
    }
    .background span:nth-child(3) {
        color: #ffffff;
        top: 9%;
        left: 68%;
        animation-duration: 6s;
        animation-delay: -1s;
        transform-origin: 24vw 6vh;
        box-shadow: -2vmin 0 1.0655023312515954vmin currentColor;
    }
    .background span:nth-child(4) {
        color: #10a213;
        top: 8%;
        left: 39%;
        animation-duration: 6s;
        animation-delay: -1s;
        transform-origin: -17vw 5vh;
        box-shadow: 2vmin 0 0.9914645007850931vmin currentColor;
    }
    .background span:nth-child(5) {
        color: #ffffff;
        top: 64%;
        left: 56%;
        animation-duration: 6s;
        animation-delay: -1s;
        transform-origin: 11vw -5vh;
        box-shadow: -2vmin 0 0.5062213647323945vmin currentColor;
    }
    .background span:nth-child(6) {
        color: #10a213;
        top: 65%;
        left: 94%;
        animation-duration: 6s;
        animation-delay: -1s;
        transform-origin: -10vw -1vh;
        box-shadow: -2vmin 0 1.0660434824467924vmin currentColor;
    }
    .background span:nth-child(7) {
        color: #fcfcfc;
        top: 65%;
        left: 49%;
        animation-duration: 6s;
        animation-delay: -1s;
        transform-origin: 11vw -2vh;
        box-shadow: -2vmin 0 0.7333124560664803vmin currentColor;
    }
    .background span:nth-child(8) {
        color: #10a213;
        top: 75%;
        left: 72%;
        animation-duration: 6s;
        animation-delay: -1s;
        transform-origin: -21vw 4vh;
        box-shadow: 2vmin 0 0.3153291425564093vmin currentColor;
    }
    .background span:nth-child(9) {
        color: #10a213;
        top: 56%;
        left: 1%;
        animation-duration: 6s;
        animation-delay: -1s;
        transform-origin: -12vw 5vh;
        box-shadow: -2vmin 0 1.06030695453837vmin currentColor;
    }
    .background span:nth-child(10) {
        color: #fcfcfc;
        top: 98%;
        left: 65%;
        animation-duration: 6s;
        animation-delay: -1s;
        transform-origin: 8vw -21vh;
        box-shadow: 2vmin 0 1.072588089546152vmin currentColor;
    }
    .background span:nth-child(11) {
        color: #10a213;
        top: 15%;
        left: 25%;
        animation-duration: 6s;
        animation-delay: -1s;
        transform-origin: -5vw -9vh;
        box-shadow: -2vmin 0 0.6316687226923221vmin currentColor;
    }
    .background span:nth-child(12) {
        color: #ffffff;
        top: 70%;
        left: 23%;
        animation-duration: 6s;
        animation-delay: -1s;
        transform-origin: 6vw -4vh;
        box-shadow: -2vmin 0 0.6257681357064142vmin currentColor;
    }
    .background span:nth-child(13) {
        color: #fcfcfc;
        top: 93%;
        left: 87%;
        animation-duration: 6s;
        animation-delay: -1s;
        transform-origin: 19vw -2vh;
        box-shadow: -2vmin 0 0.734620311737723vmin currentColor;
    }
    .background span:nth-child(14) {
        color: #10a213;
        top: 82%;
        left: 51%;
        animation-duration: 6s;
        animation-delay: -1s;
        transform-origin: 2vw -4vh;
        box-shadow: -2vmin 0 0.8479605291274077vmin currentColor;
    }
    .background span:nth-child(15) {
        color: #ffffff;
        top: 50%;
        left: 62%;
        animation-duration: 6s;
        animation-delay: -1s;
        transform-origin: 13vw 5vh;
        box-shadow: -2vmin 0 0.556349444661461vmin currentColor;
    }
    .background span:nth-child(16) {
        color: #10a213;
        top: 20%;
        left: 81%;
        animation-duration: 6s;
        animation-delay: -1s;
        transform-origin: -1vw 23vh;
        box-shadow: -2vmin 0 0.8964686575910525vmin currentColor;
    }
    .background span:nth-child(17) {
        color: #fcfcfc;
        top: 40%;
        left: 87%;
        animation-duration: 6s;
        animation-delay: -1s;
        transform-origin: 9vw 13vh;
        box-shadow: 2vmin 0 0.42152312231586575vmin currentColor;
    }
    .background span:nth-child(18) {
        color: #10a213;
        top: 77%;
        left: 18%;
        animation-duration: 6s;
        animation-delay: -1s;
        transform-origin: -6vw 24vh;
        box-shadow: 2vmin 0 0.5808964899879927vmin currentColor;
    }
    .background span:nth-child(19) {
        color: #10a213;
        top: 31%;
        left: 54%;
        animation-duration: 6s;
        animation-delay: -1s;
        transform-origin: -10vw 8vh;
        box-shadow: 2vmin 0 1.1699824354780004vmin currentColor;
    }
    .background span:nth-child(20) {
        color: #10a213;
        top: 39%;
        left: 23%;
        animation-duration: 6s;
        animation-delay: -1s;
        transform-origin: 19vw -18vh;
        box-shadow: 2vmin 0 0.6457477328038896vmin currentColor;
    }
    .background span:nth-child(21) {
        color: #ffffff;
        top: 57%;
        left: 61%;
        animation-duration: 6s;
        animation-delay: -1s;
        transform-origin: 20vw 25vh;
        box-shadow: -2vmin 0 0.2573524856399765vmin currentColor;
    }
    .background span:nth-child(22) {
        color: #fcfcfc;
        top: 12%;
        left: 42%;
        animation-duration: 6s;
        animation-delay: -1s;
        transform-origin: 1vw 25vh;
        box-shadow: 2vmin 0 0.4687487256896612vmin currentColor;
    }
    .background span:nth-child(23) {
        color: #ffffff;
        top: 94%;
        left: 57%;
        animation-duration: 6s;
        animation-delay: -1s;
        transform-origin: -8vw 19vh;
        box-shadow: 2vmin 0 0.5994139694227814vmin currentColor;
    }
    .background span:nth-child(24) {
        color: #fcfcfc;
        top: 100%;
        left: 63%;
        animation-duration: 6s;
        animation-delay: -1s;
        transform-origin: 22vw 20vh;
        box-shadow: -2vmin 0 1.0248824124063944vmin currentColor;
    }
    .background span:nth-child(25) {
        color: #fcfcfc;
        top: 70%;
        left: 52%;
        animation-duration: 6s;
        animation-delay: -1s;
        transform-origin: 7vw -22vh;
        box-shadow: 2vmin 0 0.3993043350747403vmin currentColor;
    }
    .background span:nth-child(26) {
        color: #fcfcfc;
        top: 34%;
        left: 49%;
        animation-duration: 6s;
        animation-delay: -1s;
        transform-origin: -22vw -1vh;
        box-shadow: 2vmin 0 0.989126654190785vmin currentColor;
    }
    .background span:nth-child(27) {
        color: #ffffff;
        top: 32%;
        left: 74%;
        animation-duration: 6s;
        animation-delay: -1s;
        transform-origin: 2vw -15vh;
        box-shadow: -2vmin 0 1.1324325035230367vmin currentColor;
    }
    .background span:nth-child(28) {
        color: #fcfcfc;
        top: 74%;
        left: 9%;
        animation-duration: 6s;
        animation-delay: -1s;
        transform-origin: 14vw -7vh;
        box-shadow: -2vmin 0 0.896850493111536vmin currentColor;
    }
    .background span:nth-child(29) {
        color: #10a213;
        top: 78%;
        left: 59%;
        animation-duration: 6s;
        animation-delay: -1s;
        transform-origin: -14vw 6vh;
        box-shadow: 2vmin 0 0.947815550085072vmin currentColor;
    }
    .background span:nth-child(30) {
        color: #10a213;
        top: 83%;
        left: 84%;
        animation-duration: 6s;
        animation-delay: -1s;
        transform-origin: -13vw 20vh;
        box-shadow: 2vmin 0 0.6153537638345921vmin currentColor;
    }
    .background span:nth-child(31) {
        color: #10a213;
        top: 95%;
        left: 43%;
        animation-duration: 6s;
        animation-delay: -1s;
        transform-origin: -16vw -23vh;
        box-shadow: -2vmin 0 0.6757877201114526vmin currentColor;
    }
    .background span:nth-child(32) {
        color: #10a213;
        top: 60%;
        left: 87%;
        animation-duration: 6s;
        animation-delay: -1s;
        transform-origin: -22vw 17vh;
        box-shadow: -2vmin 0 0.5326834397894771vmin currentColor;
    }
    .background span:nth-child(33) {
        color: #ffffff;
        top: 42%;
        left: 57%;
        animation-duration: 6s;
        animation-delay: -1s;
        transform-origin: 19vw 7vh;
        box-shadow: 2vmin 0 1.1066672385581802vmin currentColor;
    }
    .background span:nth-child(34) {
        color: #fcfcfc;
        top: 8%;
        left: 76%;
        animation-duration: 6s;
        animation-delay: -1s;
        transform-origin: 17vw -17vh;
        box-shadow: 2vmin 0 0.4827517022110752vmin currentColor;
    }
    .background span:nth-child(35) {
        color: #fcfcfc;
        top: 36%;
        left: 66%;
        animation-duration: 6s;
        animation-delay: -1s;
        transform-origin: -17vw -5vh;
        box-shadow: -2vmin 0 1.0298667597342506vmin currentColor;
    }
    .background span:nth-child(36) {
        color: #10a213;
        top: 91%;
        left: 44%;
        animation-duration: 6s;
        animation-delay: -1s;
        transform-origin: -10vw 8vh;
        box-shadow: -2vmin 0 0.8650872046699483vmin currentColor;
    }
    .background span:nth-child(37) {
        color: #ffffff;
        top: 49%;
        left: 98%;
        animation-duration: 6s;
        animation-delay: -1s;
        transform-origin: 13vw 19vh;
        box-shadow: 2vmin 0 0.6982868231235069vmin currentColor;
    }


   /* HEAD */

   .head1{
    height: auto;
    width: 100%;
    position: relative;
    z-index: 12;
   }
   
   
   
   
   
    /* Social Media */
    
   
   .socialMedia {
        color: white;
        display: flex;
        justify-content: center;
        flex-direction: column;
        font-size: 15px;

        font-family: "Kode Mono", monospace;
        font-optical-sizing: auto;
        font-weight: <weight>;
        font-style: normal;
    }
    
    .socialMedia div{
        display: flex;
        justify-content: center;
        margin: 1vw;


    }

    a{
        text-decoration: none;
    }


    /* SATURDAY SUNDAY MENU */
    .SatSun-Menu{
         background-color:rgba(255, 0, 0, 0.535);
        border-radius: 2em;
        height: 5em;
        position: relative;
    }

    .SatSun-Menu h3{
        color: white;
        text-align: center;
        position: absolute;
        left: 25%;
        font-size: 4vw;
        top: -10px;
    }

    .SatSun-Menu:hover{
        background-color: #10a213;
    }

    
    /* Catering Menu */
    #sameSize-0{
        max-width: 10vw;
        height: 8vw;
    }

    .CateringMenu{
        background-color:silver;
        border-radius: 2em;
        height: 5em;
    }


    .CateringMenu:hover{
        filter: drop-shadow(-5px 2px 4px black);
    }

    .CateringMenu img{
        position: relative;
        padding-left: 20em;
        top: -100px;
    }

    .CateringMenu h3{
        position: relative;
        padding-right: 5em;
        top: -.5em;
        color: white;
        font-size: 4vw;
    }

    /* FaceBook */
    #sameSize{
        max-width: 35vw;
        height: 8vw;
    }

    .fB{
        background-color: rgba(0, 0, 255, 0.722);
        border-radius: 2em;
        height: 5em;
    }
   
    .fB:hover{
        background-color: rgba(0, 0, 255, 0.722);
        filter: drop-shadow(-5px 2px 4px black );

    }


    .fB img{
        position: relative;
        padding-left: 18em;
        top: -12vw;
        
    }
    .fB h3{
        position: relative;
        padding-right: 5em;
        bottom: 6px;
        color: white;
        font-size: 4vw;
        top: -.5em;
    }




    /* TikTok */
    #sameSize-1{
        max-width: 35vw;
        height: 8vw;
    }

    .TT{
        background-color: black;
        border-radius: 2em;
        height:5em;
    }

    .TT:hover{
        background-color: aqua;
        filter: drop-shadow(-5px 2px 4px black );

    }


    .TT img{
        position: relative;
        padding-left: 18em;
        top: -12vw;
    }

    .TT h3{
        position: relative;
        bottom: 9px;
        color: white;
        font-size: 4vw;
        }


    /* WhatsApp */
    #sameSize-2{
        max-width: 30vw;
        height: 8vw;
    }

    .WA{
        background-color: green;
        border-radius: 2em;
        height: 5em;
    }

    .WA:hover{
        filter: drop-shadow(-5px 2px 4px black );
        background-color: rgb(37, 176, 2);
    }

    .WA img{
        position: relative;
        padding-left: 18em;
        top: -12vw;
        height: auto;


    }

    .WA h3{
        position: relative;
        padding-left: 0em;
        bottom: 10px;
        color: white;
        font-size: 4vw;


    }

    /* GOOGLE MAP */

    #sameSize-3{
        max-width: 30vw;
        height: 8vw;
    }
    .GM{
        background-color: yellow;
        border-radius: 2em;
        height: 5em;
    }

    .GM:hover{
        filter: drop-shadow(-5px 2px 4px black );

    }

    .GM img{
        position: relative;
        padding-left: 18em;
        bottom: 6em;
    }

    .GM h3{
        position: relative;
        padding-left: 0em;
        bottom: 5px;
        color: white;
        font-size: 4vw;
    }
    

  } 
  
  /* Large devices (laptops/desktops, 992px and up) */
  @media only screen and (min-width: 992px) {
    body{
        display: none;
    }
  } 
  
  /* Extra large devices (large laptops and desktops, 1200px and up) */
  @media only screen and (min-width: 1200px) {
  body{
       display: none;
    }
  }