.jake-bites {
    position: absolute;
    top: -4px;
    left: -267px;
    height: 150%;
    z-index: 1;
}
.jake-x {
    position: absolute;
    top: 0px;
    right: -47px;
    z-index: 1;
}

.jake-x img{
    width: 36px
}

.jake-bites img {
    max-height: 100%;
    width: 261px;
}

#Layer2 {
    z-index: 1 !important;
}
.main-container {
    background: linear-gradient(0deg, #ee7752, #e73c7e, #47cdfe, #23d5ab);
	background-size: 400% 400%;
	animation: gradient 15s ease infinite;
    padding: 20px 0;
    min-width: 1024px;
    margin-top: -1px;
    z-index: 2;
    position: relative;

}
.bites-page-text {
    color: rgb(255, 155, 0);
    text-shadow: 0px 0px 3px rgb(255, 0, 0), 0px 0px 5px rgb(0, 0, 255);
    font-size: 30px;
    margin-bottom: 10px;
}
.bites-title {
    color: rgb(255, 155, 0);
    text-shadow: 0px 0px 3px rgb(255, 0, 0), 0px 0px 5px rgb(0, 0, 255);
    margin-bottom: 30px;
}

h2.bites-title {
    margin-top: 40px;
}

h1.bites-title {
    position: absolute;
    width: 100%;
    margin-top: -275px;
    z-index: 1;
}
h2.bites-title:first-child {
    margin-top: 10px;
}

/* Main page title */
.main-title {
    text-align: center; 
    color: #2c5530; 
    font-family: 'Boogaloo', cursive;
    font-size: 48px;
    margin-bottom: 40px;
}

/* Row titles */
.row-title {
    text-align: center; 
    color: #2c5530; 
    font-family: 'Boogaloo', cursive;
    font-size: 36px;
    margin: 30px 0 20px 0;
    text-shadow: 2px 2px 4px rgba(0,0,0,0.1);
}

/* Social Media Grid Layout */
.social-media-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    margin: 0 auto;
    max-width: 1130px;
    box-shadow: inset -2px 2px 4px 0px rgba(255, 255, 255, 0.65), inset 3px -2px 1px 0px rgba(0, 52, 91, 0.9);
    padding: 20px;
    border-radius: 20px;
    background: #009AFF;
}

.social-box {
    background: #fff;
    border-radius: 12px;
    padding: 15px;
   
    min-height: 400px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    flex: 1 1 29%; /* 3 items per row with gap consideration */
    min-width: 300px; /* Prevents items from getting too small */
    margin-top: 0;

    background: #33aeff;
    box-shadow: inset -2px 2px 4px 0px rgba(255, 255, 255, 1), inset 3px -4px 1px 0px rgba(255, 255, 255, 0.3)
}

.social-box.facebook-box {
    background: white !important;
}



.instagram-box {
    border-color: #E4405F;
}

.facebook-box {
    border-color: #1877F2;
}

.twitter-box {
    border-color: #1DA1F2;
}







/* Facebook iframes */
.social-box iframe {
    width: 100%;
    max-width: 100%;
    border: none;
    border-radius: 8px;
}





/* Ensure proper loading states */
.header-loading, .footer-loading {
    min-height: 50px;
    background-color: #f0f0f0;
    border: 1px dashed #ccc;
    text-align: center;
    padding: 20px;
    margin: 10px 0;
}

body {
	
}

@keyframes gradient {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}

.bites-text, .bites-banner {
    background: hsl(0, 0%, 100%);
    padding: 16px 24px;
    position: relative;
    border-radius: 8px;
    box-shadow: 0 0 0 1px rgba(0,0,0,.01);
    display: inline-block;
    margin-bottom: 20px;
    z-index: 1;
    overflow: hidden;
    color: rgb(255, 155, 0);
    text-shadow: 0px 2px 2px #009AFF;
    text-decoration: none;
  cursor: pointer;
    
  }
  .snake-bites-banner{
    margin-left: -192px;
    margin-bottom: 20px;
  }
  .bites-img {
    width: 400px;

  }
.bites-holder {
    width: 100%;
    text-align: center;
    position: absolute;
    z-index: 2;
    top: 185px;
}
  .bites-page-img {
    width: 400px;
    display: inline-block;

  }
  .small-image-home {
    top: 1100px !important;
  }
  .bites-text::before, .bites-banner::before {

        position: absolute;
        content: "";
        top: 0px;
        left: 0;
        right: 0;
        z-index: -1;
        height: 100%;
        width: 100%;
        transform: scale(1.2) translateZ(0);
        filter: blur(15px);
        background: linear-gradient(
          to left,
          #ff5770,
          #e4428d,
          #c42da8,
          #9e16c3,
          #009AFF,
          #9e16c3,
          #c42da8,
          #e4428d,
          #ff5770
        );
        background-size: 200% 200%;
        animation: animateGlow 7s linear infinite;
        cursor: pointer;

  }

  .bites-banner {
    border-radius: 14px !important;
    box-shadow: inset -2px 2px 4px 0px rgba(255, 255, 255, 1), inset 3px -4px 1px 0px rgba(0, 52, 91, 0.9);
  }
  
  @keyframes animateGlow {
    0% {
      background-position: 0% 50%;
    }
    100% {
      background-position: -200% 50%;
    }
  }


  #tesimonials {
    position: absolute;
    width: 106px;
    height: 56px;
    z-index: 5;
    left: 602px;
}

.style39 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #666666;
    text-align: left;
    text-decoration: underline;
}

@media(max-width:1164px) {
.bites-page-text {
    margin-left: 80px;
}
}