html, body{
margin:0;
padding:0;
background:#771815;
	scroll-behavior: smooth;
}

a.f:link{color:#ffffff;text-decoration:none;transition:.3s ease-out;}
a.f:visited{color:#ffffff;text-decoration:none;}
a.f:hover{color:#ffffff;text-decoration:none;opacity: 0.7;
  filter: alpha(opacity=70); /* For IE8 and earlier */}

a.black:link{color:#000000;text-decoration:none;transition:.3s ease-out;}
a.black:visited{color:#000000;text-decoration:none;}
a.black:hover{color:#000000;text-decoration:none;opacity: 0.7;
  filter: alpha(opacity=70); /* For IE8 and earlier */}


a.br:link{color:#000000;text-decoration:none;transition:.3s ease-out;}
a.br:visited{color:#000000;text-decoration:none;}
a.br:hover{color:#771815;text-decoration:none;opacity: 0.7;
  filter: alpha(opacity=70); /* For IE8 and earlier */}

.some-page-wrapper {
  margin:0 auto;
}

.NavButton{
display:inline-block;background:#ffffff;padding:10px 30px;color:#000000;
font-family: 'Glacial Indifference', sans-serif;font-weight:800;font-size:1.1em;
}

.NavButton:hover{
color:#000000;
}

.DoubleButton1{
display:inline-block;
width:48%;
margin:0 2% 0 0;
  opacity: 1;
filter: alpha(opacity=100);
  transition: 0.3s;
text-align:center;
border:1px solid;
padding:7px 0;
box-sizing: border-box;
font-size:.9em;
}

.DoubleButton1:hover{
  opacity: 1;
filter: alpha(opacity=100);
background:#2c2926;
}

.RightTitle{
font-family: 'Glacial Indifference', sans-serif;
font-weight:800;
}

.ButtonOutline{
display:inline-block;
padding:5px 20px;
margin:5px 5px 5px 0;
border:5px solid #771815;
color:#000000;
font-size:1em;
font-family: 'Glacial Indifference', sans-serif;
font-weight:800;
  opacity: 1;
filter: alpha(opacity=100);
}

.ButtonOutline:hover{
background:#771815;
color:#ffffff;
  opacity: 1;
filter: alpha(opacity=100);
  transition: background-color 0.5s ease;
}

.ButtonOutlineRed{
display:inline-block;
padding:5px 20px;
margin:5px 5px 5px 0;
border:5px solid #771815;
background:#771815;
color:#ffffff;
font-size:1em;
font-family: 'Glacial Indifference', sans-serif;
font-weight:800;
  opacity: 1;
filter: alpha(opacity=100);
}

.ButtonOutlineRed:hover{
background:#ffffff;
color:#000000;
  opacity: 1;
filter: alpha(opacity=100);
  transition: background-color 0.5s ease;
}

.HappHero{
width:80%;margin:0 auto;max-width:1500px
}

.MenuContainer{
width:100%;padding:40px 0;background-image: url('/img/MenuBackground.png'); /* replace with your image */
      background-size: cover;
      background-position: center;
}

.Menu1{
width:70%;margin:0 auto;max-width:1300px;
  display: flex;
  align-items: center; /* Vertically centers content */
  justify-content: center;
flex-direction: column;
color:#ffffff;
font-size:3em;

padding:100px 0;
font-family: 'Glacial Indifference', sans-serif;
font-weight:800;

background:linear-gradient(149deg, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0.3) 100%),url('/img/AllDayMenu.jpg');background-size:cover;background-repeat:no-repeat;background-position:center;
}

.Menu2{
width:100%;
 flex: 1; 
  display: flex;
  align-items: center; /* Vertically centers content */
  justify-content: center;
flex-direction: column;
color:#ffffff;
font-size:3em;


font-family: 'Glacial Indifference', sans-serif;
font-weight:800;

background:linear-gradient(149deg, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0.3) 100%),url('/img/BrunchMenu.jpg');background-size:cover;background-repeat:no-repeat;background-position:center;
padding:100px 0;
}

.Menu3{
 flex: 1; 
  display: flex;
  align-items: center; /* Vertically centers content */
  justify-content: center;
flex-direction: column;
color:#ffffff;
font-size:3em;


font-family: 'Glacial Indifference', sans-serif;
font-weight:800;

background:linear-gradient(149deg, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0.3) 100%),url('/img/KidsMenu.jpg');background-size:cover;background-repeat:no-repeat;background-position:center;
padding:100px 0;
}

.Menu4{
 flex: 1; 
  display: flex;
  align-items: center; /* Vertically centers content */
  justify-content: center;
flex-direction: column;
color:#ffffff;
font-size:3em;


font-family: 'Glacial Indifference', sans-serif;
font-weight:800;

background:linear-gradient(149deg, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0.3) 100%),url('/img/DessertImage.jpg');background-size:cover;background-repeat:no-repeat;background-position:center;
padding:100px 0;
}

.Menu5{
width:70%;margin:0 auto;max-width:1300px;
  display: flex;
  align-items: center; /* Vertically centers content */
  justify-content: center;
flex-direction: column;
color:#ffffff;
font-size:3em;

padding:100px 0;
font-family: 'Glacial Indifference', sans-serif;
font-weight:800;

background:linear-gradient(149deg, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0.3) 100%),url('/img/HappyHourMenu.jpg');background-size:cover;background-repeat:no-repeat;background-position:center;
margin:0 auto 40px auto;
}

.Menu6{
width:70%;margin:0 auto;max-width:1300px;
  display: flex;
  align-items: center; /* Vertically centers content */
  justify-content: center;
flex-direction: column;
color:#ffffff;
font-size:3em;

padding:100px 0;
font-family: 'Glacial Indifference', sans-serif;
font-weight:800;

background:linear-gradient(149deg, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0.3) 100%),url('/img/GameDaySpecials.jpg');background-size:cover;background-repeat:no-repeat;background-position:center;
}

.Menu7{
width:70%;margin:0 auto;max-width:1300px;
  display: flex;
  align-items: center; /* Vertically centers content */
  justify-content: center;
flex-direction: column;
color:#ffffff;
font-size:3em;

padding:100px 0;
font-family: 'Glacial Indifference', sans-serif;
font-weight:800;

background:linear-gradient(149deg, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0.3) 100%),url('/img/thanksgivingbg.jpg');background-size:cover;background-repeat:no-repeat;background-position:center;
}

.DeskThreeColumns{
width:70%;max-width:1300px;margin:40px auto;

}

.DeskColumn1{
display:inline-block;width:30%;
}

.DeskColumn2{
display:inline-block;width:30%;margin:0 4.5%;
}

.DeskColumn3{
display:inline-block;width:30%;
}

.WhiteLine{
width:80%;margin:50px auto 50px auto;border-top:1px solid #ffffff;
max-width:1500px;
}

.MainContainer{
width:80%;max-width:1500px;margin:0 auto;padding:0;text-align:center;
font-family: 'Open Sans', sans-serif;
font-size:1em;
line-height:1.5em;color:#ffffff;
}

.MainOne{
width:44%;display:inline-block;text-align:center;vertical-align:top;margin:0 5% 0 0;
}

.MainTwo{
width:44%;display:inline-block;text-align:center;vertical-align:top;margin:50px 0 0 5%;
}

.WhiteContainer{
width:80%;max-width:1500px;margin:0 auto;padding:50px 0;text-align:center;
font-family: 'Open Sans', sans-serif;
font-size:1em;
line-height:1.5em;
}

.WhiteOne{
width:39%;display:inline-block;text-align:left;vertical-align:top;
}

.WhiteTwo{
width:50%;margin-left:10%;display:inline-block;text-align:right;vertical-align:top;
}

.HeaderTitle{
width:80%;font-family: 'Glacial Indifference', sans-serif;
font-weight:800;font-size:2.4em;margin:0 auto 40px auto;line-height:1.2em;
}

/* Smartphones (portrait and landscape) ----------- */
@media (min-width : 320px) and (max-width : 550px) {
/* Styles */

.HappHero{
width:90%;
margin:0 auto 0 auto;
padding:90px 0 0 0;
}

.MenuContainer{
width:100%;padding:40px 0;background-image: url('/img/MenuBackground.png'); /* replace with your image */
      background-size: cover;
      background-position: center;
}

.Menu1{
width:90%;
margin:40px auto 20px auto;max-width:1300px;
  display: flex;
  align-items: center; /* Vertically centers content */
  justify-content: center;
flex-direction: column;
color:#ffffff;
font-size:2.5em;

padding:100px 0;
font-family: 'Glacial Indifference', sans-serif;
font-weight:800;

background:linear-gradient(149deg, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0.3) 100%),url('/img/AllDayMenu.jpg');background-size:cover;background-repeat:no-repeat;background-position:center;
}

.Menu2{
width:90%;
margin:0 auto 20px auto;max-width:1300px;
  display: flex;
  align-items: center; /* Vertically centers content */
  justify-content: center;
flex-direction: column;
color:#ffffff;
font-size:2.5em;

padding:100px 0;
font-family: 'Glacial Indifference', sans-serif;
font-weight:800;

background:linear-gradient(149deg, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0.3) 100%),url('/img/BrunchMenu.jpg');background-size:cover;background-repeat:no-repeat;background-position:center;
padding:100px 0;
}

.Menu3{
width:90%;
margin:0 auto 20px auto;max-width:1300px;
  display: flex;
  align-items: center; /* Vertically centers content */
  justify-content: center;
flex-direction: column;
color:#ffffff;
font-size:2.5em;

padding:100px 0;
font-family: 'Glacial Indifference', sans-serif;
font-weight:800;

background:linear-gradient(149deg, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0.3) 100%),url('/img/KidsMenu.jpg');background-size:cover;background-repeat:no-repeat;background-position:center;
padding:100px 0;
}

.Menu4{
width:90%;
margin:0 auto 20px auto;max-width:1300px;
  display: flex;
  align-items: center; /* Vertically centers content */
  justify-content: center;
flex-direction: column;
color:#ffffff;
font-size:2.5em;

padding:100px 0;
font-family: 'Glacial Indifference', sans-serif;
font-weight:800;

background:linear-gradient(149deg, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0.3) 100%),url('/img/DessertImage.jpg');background-size:cover;background-repeat:no-repeat;background-position:center;
padding:100px 0;
}

.Menu5{
width:90%;
margin:0 auto 20px auto;max-width:1300px;
  display: flex;
  align-items: center; /* Vertically centers content */
  justify-content: center;
flex-direction: column;
color:#ffffff;
font-size:2.5em;

padding:100px 0;
font-family: 'Glacial Indifference', sans-serif;
font-weight:800;

background:linear-gradient(149deg, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0.3) 100%),url('/img/HappyHourMenu.jpg');background-size:cover;background-repeat:no-repeat;background-position:center;
}

.Menu6{
width:90%;
margin:0 auto 20px auto;max-width:1300px;
  display: flex;
  align-items: center; /* Vertically centers content */
  justify-content: center;
flex-direction: column;
color:#ffffff;
font-size:2.5em;
text-align:center;

padding:100px 0;
font-family: 'Glacial Indifference', sans-serif;
font-weight:800;

background:linear-gradient(149deg, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0.3) 100%),url('/img/GameDaySpecials.jpg');background-size:cover;background-repeat:no-repeat;background-position:center;
}

.Menu7{
width:90%;
margin:0 auto 20px auto;max-width:1300px;
  display: flex;
  align-items: center; /* Vertically centers content */
  justify-content: center;
flex-direction: column;
color:#ffffff;
font-size:2.5em;
text-align:center;

padding:100px 0;
font-family: 'Glacial Indifference', sans-serif;
font-weight:800;

background:linear-gradient(149deg, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0.3) 100%),url('/img/thanksgivingbg.jpg');background-size:cover;background-repeat:no-repeat;background-position:center;
}

.DeskThreeColumns{
width:100%;max-width:1300px;margin:0 auto;

}

.DeskColumn1, .DeskColumn2, .DeskColumn3 {
width:100%;
margin:0 auto;
}


.WhiteLine{
width:90%;margin:50px auto 50px auto;border-top:1px solid #ffffff;
}

.MainOne{
width:100%;text-align:center;vertical-align:top;margin:0 0 30px 0;
}

.MainTwo{
width:100%;text-align:center;vertical-align:top;margin:0 0 0 0;
}

.MainContainer{
width:90%;max-width:1500px;margin:0 auto;padding:0;text-align:center;
font-family: 'Open Sans', sans-serif;
font-size:1em;
line-height:1.5em;color:#ffffff;
}

.WhiteContainer{
width:90%;max-width:1500px;margin:0 auto;padding:50px 0;text-align:center;
font-family: 'Open Sans', sans-serif;
font-size:1em;
line-height:1.5em;
}

.WhiteOne{
width:100%;display:block;text-align:center;vertical-align:top;margin:0 auto 30px auto;
}

.WhiteTwo{
width:100%;display:block;text-align:center;vertical-align:top;margin:0 auto;
}

.HeaderTitle{
width:80%;font-family: 'Glacial Indifference', sans-serif;
font-weight:800;font-size:2em;margin:0 auto 40px auto;line-height:1.2em;
}

}




    .container {
      display: flex;
      flex-wrap: wrap;
      min-height: 600px; /* optional: ensures it fills viewport height */
    }

    .image-side {
      flex: 1;
      background-image: url('/img/DSC_0114.jpg'); /* replace with your image */
      background-size: cover;
      background-position: center;
      min-height: 400px; /* ensures some height on mobile */
    }

    .text-side {
      flex: 1;
      display: flex;
      justify-content: center;
      align-items: center;
      padding: 2rem;
      box-sizing: border-box;
      text-align: center;
    }

    /* Responsive behavior */
    @media (max-width: 768px) {
      .container {
        flex-direction: column;
      }
      .image-side, .text-side {
        flex: unset;
        width: 100%;
      }
    }


        .green {
background:#6d0f17;
color:#ffffff;
width:95%;
max-width:1000px;
margin:70px auto 0 auto;
        }

        .holidaygreen {
background:#650b11;
color:#6d0f17;
width:96%;
max-width:800px;
padding:2%;
margin:70px auto 0 auto;
        }

/* Smartphones (portrait and landscape) ----------- */
@media (min-width : 320px) and (max-width : 550px) {
/* Styles */

.popp1{
width:100%;float:left;
}

.popp2{
width:100%;float:left;
}

.popp3{
width:100%;float:left;
}

.popp4{
width:100%;float:left;
}

.popp5{
width:100%;float:left;
}

.popp6{
width:100%;float:left;
}

.ButtonHalf{
width:100%;float:left;text-align:center;margin:20px 0;
}

}

/* iPads (portrait and landscape) ----------- */
@media (min-width : 550px) and (max-width : 1200px) {
/* Styles */

.popp1{
width:48%;padding:1%;float:left;
}

.popp2{
width:48%;padding:1%;float:left;
}

.popp3{
width:31.5%;padding:1%;float:left;
}

.popp4{
width:44.5%;padding:1%;float:left;
}

.popp5{
width:61%;padding:1%;float:left;
}

.popp6{
width:34.5%;padding:1%;float:left;
}

.ButtonHalf{
width:50%;float:left;text-align:center;margin-top:50px;
}

}

/* Desktops and laptops ----------- */
@media only screen 
and (min-width : 1200px) {
/* Styles */

.popp1{
width:48%;padding:1%;float:left;
}

.popp2{
width:48%;padding:1%;float:left;
}

.popp3{
width:40%;padding:1%;float:left;margin:0 19%;
}

.popp4{
width:44.5%;padding:1%;float:left;
}

.popp5{
width:61%;padding:1%;float:left;
}

.popp6{
width:34.5%;padding:1%;float:left;
}

.ButtonHalf{
width:50%;float:left;text-align:center;margin-top:50px;
}

}




    .logo-row {
      display: flex;
      justify-content: center;
      align-items: center;
      gap: 5%; /* space between logos */
      padding: 0; /* vertical padding */
      width:50%;
      margin:0 auto;
    }

    .logo-container {
      width: 120px; /* fixed width for all */
      height: 100px; /* controls vertical alignment box */
      display: flex;
      align-items: center;
      justify-content: center;
    }

    .logo-container img {
      max-height: 100%;
      max-width: 100%;
      height: auto;
      width: auto;
      object-fit: contain;
    }

.logo-container a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
}

.footbottom{
width:80%;
margin:30px auto;
text-align:center;
}

.footlogo{
width:15%;
margin:10px auto;
}

@media (max-width: 768px) {

.footlogo{
width:50%;
margin:20px auto 0 auto;
}

  .logo-row {
    flex-direction: column;
    align-items: center;
    padding: 20px 0;
  }

  .logo-container {
    width: 100%;
    max-width: 300px; /* optional: keeps it from stretching too wide on tablets */
    height: auto;
    margin-bottom: 50px;
  }

  .logo-container a {
    width: 100%;
    height: auto;
  }

  .logo-container img {
    width: 100%;
    height: auto;
    max-height: none;
  }
}

.parent {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-template-rows: repeat(3, 1fr);
grid-column-gap: 10px;
grid-row-gap: 10px;
}
.div1 { grid-area: 1 / 1 / 3 / 2; background:url('/img/t1.jpg');background-repeat:no-repeat;background-size:cover;background-position:center center;}
.div2 { grid-area: 3 / 1 / 4 / 2; background:url('/img/t5.jpg');background-repeat:no-repeat;background-size:cover;background-position:center center;}
.div3 { grid-area: 1 / 2 / 2 / 4; background:url('/img/t2.jpg');background-repeat:no-repeat;background-size:cover;background-position:center center;}
.div4 { grid-area: 2 / 2 / 4 / 3; background:url('/img/t33.jpg');background-repeat:no-repeat;background-size:cover;background-position:center center;}
.div5 { grid-area: 2 / 3 / 4 / 4; background:url('/img/t4_1.jpg');background-repeat:no-repeat;background-size:cover;background-position:center center;}

/* Smartphones (portrait and landscape) ----------- */
@media (min-width : 320px) and (max-width : 550px) {
/* Styles */

.deskres{
display:none;
}

}

/* iPads (portrait and landscape) ----------- */
@media (min-width : 550px) and (max-width : 900px) {
/* Styles */

.deskres{
display:none;
}

}

/* Desktops and laptops ----------- */
@media only screen 
and (min-width : 900px) {
/* Styles */

.mobres{
display:none;
}
}