html{
background:#11223d;
margin:0;
padding:0;
height: 100%;
}

body{
margin:0;
padding:0;
height: 100%;
}

body > footer {
  position: sticky;
  top: 100vh;
}

.skip-link {
position:absolute;
top:-100px;
  transform: translateY(-100%);
height:0;
}

.skip-link:focus-within {
position:absolute;
top:0px;
  transform: translateY(0%);
height:20px;
z-index:99999999999;
}

a:link{color:#bdbdbd;text-decoration:none;transition:.3s ease-out;}
a:visited{color:#bdbdbd;text-decoration:none;}
a:hover{color:#e0e0e0;text-decoration:none;}

a.blue:link{color:#1c274c;text-decoration:none;transition:.3s ease-out;}
a.blue:visited{color:#1c274c;text-decoration:none;}
a.blue:hover{color:#2a3a71;text-decoration:none;}

.header {
  background-color:;
  background-image:url('/img/bluetrans1.png');
  background-repeat:repeat;
  position: fixed;
  width: 100%;
  z-index: 9999;

}

.header ul {
  margin: 0;
  padding: 0;
  list-style: none;
  overflow: hidden;
  background-color: #;
}

.header li a {
  display: block;
  padding: 10px 20px;
  border-right: 0;
  text-decoration: none;
  font-size:.9em;
  text-align:right;
font-family: "SackersGothicHeavy";
}

.header li a:hover,
.header .menu-btn:hover {
  background-color: #;
}

.header .logo {
  display: block;
  float: left;
  font-size: 1.3em;
  padding: 10px 20px;
  text-decoration: none;
}

/* menu */

.header .menu {
  clear: both;
  max-height: 0;
  transition: max-height .2s ease-out;
}

/* menu icon */

.header .menu-icon {
  cursor: pointer;
  display: inline-block;
  float: right;
  padding: 28px 20px;
  position: relative;
  user-select: none;
}

.header .menu-icon .navicon {
  background: #bdbdbd;
  display: block;
  height: 2px;
  position: relative;
  transition: background .2s ease-out;
  width: 18px;
}

.header .menu-icon .navicon:before,
.header .menu-icon .navicon:after {
  background: #bdbdbd;
  content: '';
  display: block;
  height: 100%;
  position: absolute;
  transition: all .2s ease-out;
  width: 100%;
}

.header .menu-icon .navicon:before {
  top: 5px;
}

.header .menu-icon .navicon:after {
  top: -5px;
}

/* menu btn */

.header .menu-btn {
  display: none;
}

.header .menu-btn:checked ~ .menu {
  max-height: 540px;
}

.header .menu-btn:checked ~ .menu-icon .navicon {
  background: transparent;
}

.header .menu-btn:checked ~ .menu-icon .navicon:before {
  transform: rotate(-45deg);
}

.header .menu-btn:checked ~ .menu-icon .navicon:after {
  transform: rotate(45deg);
}

.header .menu-btn:checked ~ .menu-icon:not(.steps) .navicon:before,
.header .menu-btn:checked ~ .menu-icon:not(.steps) .navicon:after {
  top: 0;
}

.BoxOuter{
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
width:100%;
height:50vh;
}

.BoxInner{
width: 90%;
margin:0 auto;
height: auto;
text-align: center;
color:#ffffff;
font-family: 'archermedium';
font-size:2.2em;
}

.MenuBoxOuter{
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
width:100%;
height:45vh;
}


.MenuOuterImage1{
background:linear-gradient(149deg, rgba(17,34,61,0.4) 0%, rgba(17,34,61,0.4) 100%),url('/img/gglunch.jpg');background-size:cover;background-repeat:no-repeat;background-position:center center;
}

.MenuOuterImage2{
background:linear-gradient(149deg, rgba(17,34,61,0.4) 0%, rgba(17,34,61,0.4) 100%),url('/img/ggdessert.jpg');background-size:cover;background-repeat:no-repeat;background-position:center center;
}

.MenuOuterImage3{
background:linear-gradient(149deg, rgba(17,34,61,0.4) 0%, rgba(17,34,61,0.4) 100%),url('/img/ggdrink.png');background-size:cover;background-repeat:no-repeat;background-position:center center;
}

.MenuOuterImage4{
background:linear-gradient(149deg, rgba(17,34,61,0.4) 0%, rgba(17,34,61,0.4) 100%),url('/img/ggkids.jpg');background-size:cover;background-repeat:no-repeat;background-position:center center;
}


.MenuOuterImage5{
background:linear-gradient(149deg, rgba(17,34,61,0.4) 0%, rgba(17,34,61,0.4) 100%),url('/img/ggdinner2.jpg');background-size:cover;background-repeat:no-repeat;background-position:center center;
}

.MenuOuterImage6{
background:linear-gradient(149deg, rgba(17,34,61,0.4) 0%, rgba(17,34,61,0.4) 100%),url('/img/brunchbg1.jpg');background-size:cover;background-repeat:no-repeat;background-position:center center;
}

.MenuOuterImage7{
background:linear-gradient(149deg, rgba(17,34,61,0.4) 0%, rgba(17,34,61,0.4) 100%),url('/img/KidsBrunchbg1.jpg');background-size:cover;background-repeat:no-repeat;background-position:center center;
}

.MenuOuterImage8{
background:linear-gradient(149deg, rgba(17,34,61,0.4) 0%, rgba(17,34,61,0.4) 100%),url('/img/bottomless.jpg');background-size:cover;background-repeat:no-repeat;background-position:center center;
}

.MenuOuterImage9{
background:linear-gradient(149deg, rgba(17,34,61,0.4) 0%, rgba(17,34,61,0.4) 100%),url('/img/happybg.jpg');background-size:cover;background-repeat:no-repeat;background-position:center center;
}


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

.desknav{
display:none;
}

.mobilebanner{
background:#bdbdbd;
width:100%;
padding:10px 0;
top:60px;
text-align:center;
position:relative;
font-family: 'archermedium';
color:#1c274c;
}

.slider{
margin-top:60px;
}

.BigHomePhoto{
margin-top:58px;
}

.line{
width:90%;
margin:0 auto;
}

.gsection{
width:90%;margin:40px auto;color:#bdbdbd;text-align:center;font-family: 'SackersGothicHeavy';
}

.theg{
width:25%;margin:0 auto;
}


.blurb{
width:80%;
margin:10px auto 20px auto;
text-align:center;
color:#bdbdbd;
    font-family: 'archermedium';
}

.footer{
width:100%;
margin:0 auto;
background:#bdbdbd;
padding:15px 0;
color:#1c274c;
text-align:center;
font-family: "SackersGothicMedium";
font-size:.7em;
}

.footerlogo{
width:30%;
margin:0 auto 10px auto;
text-align:center;
}

.location{
width:100%;
font-size:1em;
margin-bottom:10px;
font-family: "SackersGothicMedium";
}

.break{
display:none;
}

.desk{
display:none;
}

.footercolumn{
width:90%;padding:0 5%;display:inline-block;text-align:center;font-family: 'archermedium';font-size:.9em;line-height:1.8em;vertical-align:top;margin-bottom:50px;
}

.MobileTopPadding{
height:100px;
}


/* MENU PAGE */

.MenuTitle1{
transform: rotate(-4deg);font-size:5em;color:#DC712A;
}

.MenuBoxArea{
width:100%;max-width:1100px;margin:0 auto;overflow:auto;text-align:center;padding:50px 0 0px 0;
}

.MenuBox{
position:relative;display:inline-block;width:80%;margin:0 auto 30px auto;vertical-align:top;
padding:1%;border:1px solid #bdbdbd;
}

.MenuButtonArea{
width:100%;margin:0 auto;text-align:center;padding:20px 0 50px 0;
}

.PageHeaderTitle{
width:80%;
margin:0 auto;
text-align:center;
color:#bdbdbd;
font-family: "SackersGothicHeavy";
font-size:1.3em;
}

.PageHeader1{
display:none;
}

.PageHeader2{
width:70%;
margin:0 auto;
position:relative;
}

.PageHeader3{
display:none;
}

.hiddenmenu{
display:none;
}

/* ABOUT PAGE */

.AboutHeaderTitle{
width:80%;
margin:0 auto 30px auto;
text-align:center;
color:#bdbdbd;
font-family: "SackersGothicHeavy";
font-size:1.3em;
}

.AboutHeader1{
display:none;
}

.AboutHeader2{
width:100%;
display:inline-block;
position:relative;

font-family: "SackersGothicHeavy";
font-size:1em;
margin-bottom:10px;
}

.AboutHeader3{
display:none;
}

.AboutContainer{
width:90%;
margin:0 auto 30px auto;
color:#bdbdbd;
font-family: 'archermedium';
line-height:1.7em;
font-size:1em;
}

.AboutOne{
width:90%;
padding:1%;border:1px solid #bdbdbd;
}

.AboutTwo{
width:90%;
margin:0 auto 10px auto;
padding:1%;border:1px solid #bdbdbd;
}

.AboutThree{
width:90%;
margin:0 auto 10px auto;
padding:1%;border:1px solid #bdbdbd;
}










.AboutColumn1{
display:inline-block;
width:100%;
vertical-align:top;
text-align:left;
margin-bottom:30px;
}

.AboutColumn2{
display:inline-block;
width:100%;
margin:0 auto;
vertical-align:top;
text-align:left;
margin-bottom:30px;
}

.AboutColumn3{
display:inline-block;
width:100%;
vertical-align:top;
text-align:left;
margin-bottom:30px;
}

.AboutPicOne{
width:100%;
margin:0 0 10px 0;
padding:1%;border:1px solid #bdbdbd;
}

.AboutPicTwo{
width:100%;
margin:0 0 10px 0;
padding:1%;border:1px solid #bdbdbd;
}

.AboutPicThree{
width:100%;
margin:0 0 10px 0;
padding:1%;border:1px solid #bdbdbd;
}

.AboutPicOneContainer{
width:100%;
margin:0 auto 10px 0;
font-size:.8em;
}

/* EVENTS PAGE */

.EventMobileTopPadding{
height:57px;
}

.blurbtext{
margin-top:15px;
line-height:1.5em;
}

    .EventContainer {
    
      border: 1px solid #bdbdbd;

width:83%;
margin:40px auto 0 auto;
    }
    .column {
      padding: 6%;
      text-align: center;
		color:#bdbdbd;
font-family: 'archermedium';
font-size:1em;
    }
    .column.left {
      flex: 100%; /* Left column takes up 40% of available space */
    }
    .column.right {
      flex: 100%; /* Right column takes up 60% of available space */
    }
.eventtitle{
font-family: "SackersGothicHeavy";
font-size:1.3em;
}
.ButtonSection{
width:100%;
margin:30px auto 50px auto;
text-align:center;
}
.EventButton{
display:inline-block;
width:80%;
background:#bdbdbd;
color:#11223d;
font-size:1.2em;
font-family: "SackersGothicHeavy";
margin:0 10% 10px 10%;
padding:20px 0;
  opacity: 1;
filter: alpha(opacity=100);
  transition: 0.3s;
}

.EventButton:hover{
  opacity: 0.8;
filter: alpha(opacity=80);
}

.EventSpacing{
height:20px;
}

}

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

.mobnav{
display:none;
}

.mobilebanner{
display:none;
}

.line{
width:60%;
margin:0 auto;
}

.gsection{
width:60%;margin:60px auto;color:#bdbdbd;text-align:center;font-family: 'SackersGothicHeavy';
}

.theg{
width:20%;margin:0 auto;
}


.blurb{
width:59%;
margin:10px auto 20px auto;
text-align:center;
color:#bdbdbd;
    font-family: 'archermedium';
}

.footer{
width:100%;
margin:0 auto;
background:#bdbdbd;
padding:15px 0;
color:#1c274c;
text-align:center;
font-family: "SackersGothicMedium";
font-size:.7em;
}

.footerlogo{
display:inline-block;
padding-right:20px;
vertical-align: middle;
line-height: normal;
}

.location{
display:inline-block;
font-size:.5em;
vertical-align: middle;
line-height: normal;
font-family: "SackersGothicMedium";
}

.break{
display:inline-block;
width:20px;
text-align:center;
vertical-align: middle;
line-height: normal;
}

.mob{
display:none;
}

.footercolumn{
width:25%;padding:0 4%;display:inline-block;text-align:center;font-family: 'archermedium';font-size:.9em;line-height:1.8em;vertical-align:top;
}

/* MENU PAGE */

.MenuTitle1{
transform: rotate(-4deg);font-size:5em;color:#DC712A;
}

.MenuBoxArea{
width:100%;max-width:1100px;margin:0 auto;overflow:auto;text-align:center;padding:50px 0 0px 0;
}

.MenuBox{
position:relative;display:inline-block;width:35%;margin:0 3% 60px 3%;vertical-align:top;
padding:1%;border:1px solid #bdbdbd;
}

.MenuButtonArea{
width:100%;margin:0 auto;text-align:center;padding:20px 0 50px 0;
}

.PageHeaderTitle{
width:80%;
margin:90px auto 50px auto;
text-align:center;
color:#bdbdbd;
font-family: "SackersGothicHeavy";
font-size:1.3em;
}

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

.PageHeader2{
width:30%;
display:inline-block;
position:relative;
top:-1px;
}

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

/* ABOUT PAGE */

.AboutHeaderTitle{
width:80%;
margin:90px auto 50px auto;
text-align:center;
color:#bdbdbd;
font-family: "SackersGothicHeavy";
font-size:1.3em;
}

.AboutHeader1{
width:27.5%;
display:inline-block;
}

.AboutHeader2{
width:100%;
display:inline-block;
position:relative;

font-family: "SackersGothicHeavy";
font-size:.9em;
margin-bottom:10px;
}

.AboutHeader3{
width:27.5%;
display:inline-block;
}

.AboutHeader4{
width:40%;
display:inline-block;
position:relative;

font-family: "SackersGothicHeavy";
font-size:.9em;
margin-bottom:10px;
}

.AboutContainer{
width:75%;
margin:30px auto;
color:#bdbdbd;
font-family: 'archermedium';
line-height:1.7em;
font-size:1em;
overflow:auto;
text-align:center;
}

.AboutOne{
width:100%;
padding:1%;border:1px solid #bdbdbd;
}

.AboutTwo{
float:right;
width:30%;
margin:0 0 0 30px;
padding:1%;border:1px solid #bdbdbd;
}

.AboutThree{
float:left;
width:25%;
margin:0 30px 0 0;
padding:1%;border:1px solid #bdbdbd;
}

.AboutColumn1{
display:inline-block;
width:26%;
margin:0 auto;
padding:0 3.5% 0 2.5%;
border-right:1px solid #bdbdbd;
vertical-align:top;
text-align:left;
}

.AboutColumn2{
display:inline-block;
width:26%;
margin:0 auto;
padding:0 3.5% 0 2.5%;
border-right:1px solid #bdbdbd;
vertical-align:top;
text-align:left;
}

.AboutColumn3{
display:inline-block;
width:26%;
margin:0 auto;
padding:0 2.5% 0 2.5%;
vertical-align:top;
text-align:left;
}

.AboutPicOne{
width:100%;
margin:0 0 20px 0;
padding:1%;border:1px solid #bdbdbd;
}

.AboutPicTwo{
width:100%;
margin:0 0 20px 0;
padding:1%;border:1px solid #bdbdbd;
}

.AboutPicThree{
width:100%;
margin:0 0 20px 0;
padding:1%;border:1px solid #bdbdbd;
}

.AboutPicOneContainer{
float:left;
width:30%;
margin:0 30px 30px 0;
font-size:.8em;
}

/* EVENTS PAGE */

    .EventContainer {
      display: flex;
      justify-content: center; /* Horizontally center items */
      align-items: center; /* Vertically center items */
      border: 1px solid #bdbdbd;

width:70%;
margin:40px auto 0 auto;
    }
    .column {
      padding: 30px;
      text-align: center;
		color:#bdbdbd;
font-family: 'archermedium';
font-size:1em;
    }
    .column.left {
      flex: 40%; /* Left column takes up 40% of available space */
    }
    .column.right {
      flex: 60%; /* Right column takes up 60% of available space */
    }
.eventtitle{
font-family: "SackersGothicHeavy";
font-size:1.3em;
}
.ButtonSection{
width:100%;
margin:100px auto;
text-align:center;
}
.EventButton{
display:inline-block;
background:#bdbdbd;
color:#11223d;
font-size:1.2em;
font-family: "SackersGothicHeavy";
margin:0 20px 10px 20px;
padding:20px 40px;
  opacity: 1;
filter: alpha(opacity=100);
  transition: 0.3s;
}

.EventButton:hover{
  opacity: 0.8;
filter: alpha(opacity=80);
}

.EventSpacing{
height:70px;
}

}

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

.mobnav{
display:none;
}

.mobilebanner{
display:none;
}


.line{
width:70%;
margin:0 auto;
}

.gsection{
width:60%;margin:60px auto;color:#bdbdbd;text-align:center;font-family: 'SackersGothicHeavy';font-size:1.2em;
}

.theg{
width:12%;margin:0 auto;
}

.blurb{
width:50%;
margin:10px auto 20px auto;
text-align:center;
color:#bdbdbd;
    font-family: 'archermedium';
}

.footer{
width:100%;
margin:0 auto;
background:#bdbdbd;
padding:15px 0;
color:#1c274c;
text-align:center;
font-family: "SackersGothicMedium";
font-size:.7em;
}

.footerlogo{
display:inline-block;
padding-right:20px;
vertical-align: middle;
line-height: normal;
}

.location{
display:inline-block;
font-size:.7em;
vertical-align: middle;
line-height: normal;
font-family: "SackersGothicMedium";
}

.break{
display:inline-block;
width:20px;
text-align:center;
vertical-align: middle;
line-height: normal;
}

.mob{
display:none;
}

.footercolumn{
width:25%;padding:0 4%;display:inline-block;text-align:center;font-family: 'archermedium';font-size:.9em;line-height:1.8em;vertical-align:top;
}

/* MENU PAGE */

.MenuTitle1{
transform: rotate(-4deg);font-size:5em;color:#DC712A;
}

.MenuBoxArea{
width:100%;max-width:1100px;margin:0 auto;overflow:auto;text-align:center;padding:50px 0 0px 0;
}

.MenuBox{
position:relative;display:inline-block;width:35%;margin:0 3% 60px 3%;vertical-align:top;
padding:1%;border:1px solid #bdbdbd;
}

.MenuButtonArea{
width:100%;margin:0 auto;text-align:center;padding:20px 0 50px 0;
}

.PageHeaderTitle{
width:80%;
margin:90px auto 50px auto;
text-align:center;
color:#bdbdbd;
font-family: "SackersGothicHeavy";
font-size:1.3em;
}

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

.PageHeader2{
width:30%;
display:inline-block;
position:relative;
top:-1px;
}

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

/* ABOUT PAGE */

.AboutHeaderTitle{
width:80%;
margin:90px auto 50px auto;
text-align:center;
color:#bdbdbd;
font-family: "SackersGothicHeavy";
font-size:1.3em;
}

.AboutHeader1{
width:27.5%;
display:inline-block;
}

.AboutHeader2{
width:100%;
display:inline-block;
position:relative;

font-family: "SackersGothicHeavy";
font-size:.9em;
margin-bottom:10px;
}

.AboutHeader3{
width:27.5%;
display:inline-block;
}

.AboutHeader4{
width:40%;
display:inline-block;
position:relative;

font-family: "SackersGothicHeavy";
font-size:.9em;
margin-bottom:10px;
}

.AboutContainer{
width:75%;
margin:30px auto;
color:#bdbdbd;
font-family: 'archermedium';
line-height:1.7em;
font-size:1em;
overflow:auto;
text-align:center;
}

.AboutOne{
width:100%;
padding:1%;border:1px solid #bdbdbd;
}

.AboutTwo{
float:right;
width:30%;
margin:0 0 0 30px;
padding:1%;border:1px solid #bdbdbd;
}

.AboutThree{
float:left;
width:25%;
margin:0 30px 0 0;
padding:1%;border:1px solid #bdbdbd;
}

.AboutColumn1{
display:inline-block;
width:26%;
margin:0 auto;
padding:0 3.5% 0 2.5%;
border-right:1px solid #bdbdbd;
vertical-align:top;
text-align:left;
}

.AboutColumn2{
display:inline-block;
width:26%;
margin:0 auto;
padding:0 3.5% 0 2.5%;
border-right:1px solid #bdbdbd;
vertical-align:top;
text-align:left;
}

.AboutColumn3{
display:inline-block;
width:26%;
margin:0 auto;
padding:0 2.5% 0 2.5%;
vertical-align:top;
text-align:left;
}

.AboutPicOne{
width:100%;
margin:0 0 20px 0;
padding:1%;border:1px solid #bdbdbd;
}

.AboutPicTwo{
width:100%;
margin:0 0 20px 0;
padding:1%;border:1px solid #bdbdbd;
}

.AboutPicThree{
width:100%;
margin:0 0 20px 0;
padding:1%;border:1px solid #bdbdbd;
}

.AboutPicOneContainer{
float:left;
width:30%;
margin:0 30px 30px 0;
font-size:.8em;
}

/* EVENTS PAGE */

    .EventContainer {
      display: flex;
      justify-content: center; /* Horizontally center items */
      align-items: center; /* Vertically center items */
      border: 1px solid #bdbdbd;

width:70%;
margin:40px auto 0 auto;
    }
    .column {
      padding: 30px;
      text-align: center;
		color:#bdbdbd;
font-family: 'archermedium';
font-size:1em;
    }
    .column.left {
      flex: 40%; /* Left column takes up 40% of available space */
    }
    .column.right {
      flex: 60%; /* Right column takes up 60% of available space */
    }
.eventtitle{
font-family: "SackersGothicHeavy";
font-size:1.3em;
}
.ButtonSection{
width:100%;
margin:100px auto;
text-align:center;
}
.EventButton{
display:inline-block;
background:#bdbdbd;
color:#11223d;
font-size:1.2em;
font-family: "SackersGothicHeavy";
margin:0 20px 10px 20px;
padding:20px 40px;
  opacity: 1;
filter: alpha(opacity=100);
  transition: 0.3s;
}

.EventButton:hover{
  opacity: 0.8;
filter: alpha(opacity=80);
}

.EventSpacing{
height:70px;
}