body{
color:#ffffff;
margin:0;
padding:0;
background:#ffffff;
overflow-x: hidden;
}

.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:#ffffff;text-decoration:none;}
a:visited{color:#ffffff;text-decoration:none;}
a:hover{color:#ffffff;text-decoration:none;}

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.dark:link{color:#333333;text-decoration:none;}
a.dark:visited{color:#333333;text-decoration:none;}
a.dark:hover{color:#333333;text-decoration:none;opacity: 0.7;
  filter: alpha(opacity=70); /* For IE8 and earlier */}

a.turq:link{color:#4ea39b;text-decoration:none;}
a.turq:visited{color:#4ea39b;text-decoration:none;}
a.turq:hover{color:#4ea39b;text-decoration:none;}

.butt{
background:transparent;
padding:1rem 1rem;
margin:0 0.5rem;
font-size:1rem;
border-top-left-radius: 255px 15px;
border-top-right-radius: 15px 225px;
border-bottom-right-radius: 225px 15px;
border-bottom-left-radius:15px 255px;
border:solid 3px #ffffff;
display:inline-block;
font-family: 'lobster_handregular';
font-size:1.7em;
  opacity: 1;
filter: alpha(opacity=100);
  transition: 0.3s;
}

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


.header {
  background-color:#bf1e2e;
  position: fixed;
  width: 100%;
  z-index: 9999;
font-family: 'haarlem_deco_demoregular';
}

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

.header li a {
  display: block;
  padding: 5px 20px 15px 20px;
  border-right: 0;
  text-decoration: none;
  font-size:1.2em;
  text-align:right;
}

.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: 34px 20px;
  position: relative;
  user-select: none;
}

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

.header .menu-icon .navicon:before,
.header .menu-icon .navicon:after {
  background: #ffffff;
  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;
}


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

.desknav{
display:none;
}

.covidstatement{
width:90%;
padding:20px 5%;
background:#302b2c;
color:#ffffff;
font-family: 'haarlem_deco_demoregular';
text-align:center;
position:fixed;
font-size:1.2em;
letter-spacing:.05em;
top:70px;
z-index:999;
}

.covidtext{
color:#ffffff;
background:#bf1e2e;
font-family: 'BenchNine', sans-serif;
font-size:1.3em;
line-height:1.5em;
text-align:center;
padding:30px 40px;
}

.headgap{
height:130px;
width:100%;
background:#bf1e2e;
}

.main{
position:relative;
z-index:-99;
width:100%;
top:60px !important;
height:auto;
}

.sectionone{
width:100%;
background:#bf1e2e;
color:#ffffff;
margin:30px auto 0 auto !important;
padding:30px 0;
position:relative;
}

.sectionint{
width:80%;
margin:0 auto;
font-family: 'BenchNine', sans-serif;
font-size:1.4em;
line-height:1.8em;
text-align:center;
}

.sectionnewsletter{
width:100%;
background:#ffffff;
color:#434343;
margin:0 auto;
padding:25px 0;
}

.sectionnewsletterint{
width:60%;
margin:0 auto;
font-family: 'BenchNine', sans-serif;
font-size:1.4em;
line-height:1.8em;
border:2px solid #bf1e2e;
padding:50px;
text-align:center;
}

.sectionmenu{
width:100%;
background-image:url('/img/woodbg.jpg');
background-size:cover;
background-repeat:no-repeat;
color:#ffffff;
margin:0 auto;
padding:80px 0;
position:relative;
}

.sectionmenuint{
width:90%;
margin:0 auto;
font-family: 'BenchNine', sans-serif;
font-size:1.4em;
line-height:1.8em;
}

.sectiondark{
width:100%;
background:#3e3a36;
color:#ffffff;
margin:0 auto;
padding:80px 0;
position:relative;
}


.menu1{
width:100%;
background-image:linear-gradient(to bottom, rgba(62, 58, 54, 0.1), rgba(62, 58, 54, 0.5)),
    url('/img/dinnerbg5.jpg');
background-size:100%;
background-position:center center;

display: flex;
  justify-content: center;
  align-items: center;
  height: 200px;

margin:0 auto;
flex-flow: row wrap;
text-align:center;
color:#ffffff;
font-weight:300;
font-size:1.4em;


}

.menu2{
width:100%;
background-image:linear-gradient(to bottom, rgba(62, 58, 54, 0.1), rgba(62, 58, 54, 0.5)),
    url('/img/bevbg4.jpg');
background-size:100%;
background-position:center center;

display: flex;
  justify-content: center;
  align-items: center;
  height: 200px;

margin:0 auto;
flex-flow: row wrap;
text-align:center;
color:#ffffff;
font-weight:300;
font-size:1.4em;
}

.menu3{
width:100%;
background-image:linear-gradient(to bottom, rgba(62, 58, 54, 0.1), rgba(62, 58, 54, 0.5)),
    url('/img/dessertbg3.jpg');
background-size:100%;
background-position:center center;

display: flex;
  justify-content: center;
  align-items: center;
  height: 200px;

margin:0 auto;
flex-flow: row wrap;
text-align:center;
color:#ffffff;
font-weight:300;
font-size:1.4em;


}

.menu4{
width:100%;
background-image:linear-gradient(to bottom, rgba(62, 58, 54, 0.1), rgba(62, 58, 54, 0.5)),
    url('/img/kidsbg2.jpg');
background-size:100%;
background-position:center center;

display: flex;
  justify-content: center;
  align-items: center;
  height: 200px;

margin:0 auto;
flex-flow: row wrap;
text-align:center;
color:#ffffff;
font-weight:300;
font-size:1.4em;
}

.menu5{
width:100%;
background-image:linear-gradient(to bottom, rgba(62, 58, 54, 0.1), rgba(62, 58, 54, 0.5)),
    url('/img/lunchbg5.jpg');
background-size:100%;
background-position:center center;

display: flex;
  justify-content: center;
  align-items: center;
  height: 200px;

margin:0 auto;
flex-flow: row wrap;
text-align:center;
color:#ffffff;
font-weight:300;
font-size:1.4em;
}

.menu6{
width:100%;
background-image:linear-gradient(to bottom, rgba(62, 58, 54, 0.1), rgba(62, 58, 54, 0.5)),
    url('/img/happybg4.jpg');
background-size:100%;
background-position:center center;

display: flex;
  justify-content: center;
  align-items: center;
  height: 200px;

margin:0 auto;
flex-flow: row wrap;
text-align:center;
color:#ffffff;
font-weight:300;
font-size:1.4em;
}

.menu7{
width:100%;
background-image:linear-gradient(to bottom, rgba(62, 58, 54, 0.1), rgba(62, 58, 54, 0.5)),
    url('/img/nabg4.jpg');
background-size:100%;
background-position:center center;

display: flex;
  justify-content: center;
  align-items: center;
  height: 200px;

margin:0 auto;
flex-flow: row wrap;
text-align:center;
color:#ffffff;
font-weight:300;
font-size:1.4em;
}

.menu8{
width:100%;
background-image:linear-gradient(to bottom, rgba(62, 58, 54, 0.1), rgba(62, 58, 54, 0.5)),
    url('/img/Catering_Rigatoni_Nonnina_2.jpg');
background-size:100%;
background-position:center center;

display: flex;
  justify-content: center;
  align-items: center;
  height: 200px;

margin:0 auto;
flex-flow: row wrap;
text-align:center;
color:#ffffff;
font-weight:300;
font-size:1.4em;
}

.menu9{
width:100%;
background-image:linear-gradient(to bottom, rgba(62, 58, 54, 0.1), rgba(62, 58, 54, 0.5)),
    url('/img/puppybg3.jpg');
background-size:100%;
background-position:center center;

display: flex;
  justify-content: center;
  align-items: center;
  height: 200px;

margin:0 auto;
flex-flow: row wrap;
text-align:center;
color:#ffffff;
font-weight:300;
font-size:1.4em;
}

.menu10{
width:100%;
background-image:linear-gradient(to bottom, rgba(62, 58, 54, 0.1), rgba(62, 58, 54, 0.5)),
    url('/img/valbg2.jpg');
background-size:100%;
background-position:center center;

display: flex;
  justify-content: center;
  align-items: center;
  height: 200px;

margin:0 auto;
flex-flow: row wrap;
text-align:center;
color:#ffffff;
font-weight:300;
font-size:1.4em;
}

.menunye{
width:100%;
background-image:linear-gradient(to bottom, rgba(62, 58, 54, 0.1), rgba(62, 58, 54, 0.5)),
    url('/img/pnye24.jpg');
background-size:100%;
background-position:center center;

display: flex;
  justify-content: center;
  align-items: center;
  height: 200px;

margin:0 auto;
flex-flow: row wrap;
text-align:center;
color:#ffffff;
font-weight:300;
font-size:1.4em;
}

.menucrw{
width:100%;
background-image:linear-gradient(to bottom, rgba(62, 58, 54, 0.1), rgba(62, 58, 54, 0.5)),
    url('/img/PetterinosCRW.jpg');
background-size:100%;
background-position:center center;

display: flex;
  justify-content: center;
  align-items: center;
  height: 200px;

margin:0 auto;
flex-flow: row wrap;
text-align:center;
color:#ffffff;
font-weight:300;
font-size:1.4em;
}

.menuvd{
width:100%;
background-image:linear-gradient(to bottom, rgba(62, 58, 54, 0.1), rgba(62, 58, 54, 0.5)),
    url('/img/vdbg.jpg');
background-size:100%;
background-position:center center;

display: flex;
  justify-content: center;
  align-items: center;
  height: 200px;

margin:0 auto;
flex-flow: row wrap;
text-align:center;
color:#ffffff;
font-weight:300;
font-size:1.4em;
}

.menuinner{
width:60%;
margin:0 auto;
padding:40px 30px;
border:2px solid #ffffff;
font-family: 'haarlem_deco_demoregular';
font-size:1.4em;
}

.menuflex{
display: flex;
justify-content:center;
align-items:center;
flex-flow: row wrap;
row-gap: 30px;
}

.sectioncarry{
width:100%;
background-image:url('/img/brassbg.jpg');
background-size:cover;
background-repeat:no-repeat;
color:#ffffff;
margin:0 auto;
padding:80px 0;
position:relative;
text-align:center;

}

.sectioncarryint{
width:70%;
margin:0 auto;
font-family: 'BenchNine', sans-serif;
font-size:1.4em;
line-height:1.3em;
text-align:center;
}

.carrybutton{
border:5px double #ffffff;
width:80%;
display:inline-block;
margin:10px 10%;
font-family: 'haarlem_deco_demoregular';
  transition: 0.3s;
}

.carrybutton:hover{
background-color: rgba(245, 215, 105, 0.6);
}

.upcomingbutton{
border:5px double #ffffff;
padding:3px 20px;
display:inline-block;
margin:15px auto 0 auto;
font-size:.8em;
font-family: 'haarlem_deco_demoregular';
  transition: 0.3s;
}

.upcomingbutton:hover{
background-color: rgba(245, 215, 105, 0.6);
}

.break100{
clear:both;
height:50px;
overflow:auto;
}

.break70{
clear:both;
height:0px;
overflow:auto;
}

.ppimg{
width:100%;
margin:0 auto;
}

.redtitle{
font-family: 'haarlem_deco_demoregular';
text-align:center;
font-size:1.6em;
letter-spacing:.05em;
color:#bf1e2e;
}

.whitetitle{
float:left;
width:80%;
font-family: 'haarlem_deco_demoregular';
text-align:center;
font-size:2.4em;
letter-spacing:.05em;
line-height:1em;
color:#ffffff;
}

.whitelines{
float:left;
width:8%;
background-image:url('/img/whitelines.png');
height:16px;
margin:20px 1% 0 1%;
}

.tbutton{
background-image:url('/img/ticketbg.png');
background-size:100%;
background-repeat:no-repeat;
color:#ffffff;
display:inline-block;
padding:18px 40px;
transition: transform .4s ease-in-out;
transform: rotate(-4deg);
z-index:0;
position:relative;
}

.tbutton:hover{
transform: rotate(-10deg);
}

.ybutton{
background-image:url('/img/ticketbg3.png');
background-size:100%;
background-repeat:no-repeat;
color:#333333;
display:inline-block;
padding:18px 40px;
transition: transform .4s ease-in-out;
transform: rotate(-4deg);
z-index:0;
position:relative;
}

.ybutton:hover{
transform: rotate(-10deg);
}

.cbutton{
background-image:url('/img/ticketbg4.png');
background-size:100%;
background-repeat:no-repeat;
color:#333333;
display:inline-block;
padding:18px 40px;
transition: transform .4s ease-in-out;
transform: rotate(-4deg);
z-index:0;
position:relative;
}

.cbutton:hover{
transform: rotate(-10deg);
}

.wbutton{
background-image:url('/img/ticketbg5.png');
background-size:100%;
background-repeat:no-repeat;
color:#333333;
display:inline-block;
padding:18px 40px;
transition: transform .4s ease-in-out;
transform: rotate(-4deg);
z-index:0;
position:relative;
}

.wbutton:hover{
transform: rotate(-10deg);
}


.footer{
width:90%;
margin:0 5%;
}

.footeryellow{
width:90%;
padding:0 5%;
background:#F5D769;
overflow:auto;
text-align:center;
}

.footerred{
width:90%;
padding:0 5%;
background:#bf1e2e;
overflow:auto;
text-align:center;
}

.foot1{
width:90%;
float:left;
padding:30px 5%;
text-align:center;
font-weight:300;
line-height:1.6em;
text-transform:none;
font-family: 'BenchNine', sans-serif;
font-size:1.1em;
color:#333333;
}

.foot1red{
width:90%;
float:left;
padding:30px 5%;
text-align:center;
font-weight:300;
line-height:1.6em;
text-transform:none;
font-family: 'BenchNine', sans-serif;
font-size:1.1em;
color:#ffffff;
}

.foottitle{
color:#bf1e2e;
font-family: 'haarlem_deco_demoregular';
font-size:1.6em;
padding-bottom:20px;
position: relative;
text-align:center;
}

.foottitlered{
color:#fefae3;
font-family: 'haarlem_deco_demoregular';
font-size:1.6em;
padding-bottom:20px;
position: relative;
text-align:center;
}

.footlogo{
width:100%;
padding-bottom:30px;
}

.footlogo2{
width:100%;
padding-bottom:30px;
}

.footlogo3{
width:50%;
margin:0 auto;
padding-bottom:30px;
}

.footlogoparent{
width:50%;margin:0 auto;
}

.deskres{
display:none;
}

.upleft{
width:100%;
padding-bottom:80px;
float:left;
}

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

.containresume{
width:90%;
margin:30px 5% 200px 5%;
font-family: 'Raleway', sans-serif;
font-weight:300;
font-size:1em;
line-height:1.3em;
}

input.first{
border-bottom:2px solid #b8b8b8;
background:#f7f7f7;
border-top:0px solid #ffffff;
border-left:0px solid #ffffff;
border-right:0px solid #ffffff;
padding:5px;
font-family: 'Raleway', sans-serif;
font-weight:300;
font-size:.8em;
width:100%;
}

textarea{
border-bottom:2px solid #b8b8b8;
background:#f7f7f7;
border-top:0px solid #ffffff;
border-left:0px solid #ffffff;
border-right:0px solid #ffffff;
padding:5px;
font-family: 'Raleway', sans-serif;
font-weight:300;
font-size:.8em;
width:100%;
height:150px;
}

input.rat{
border:2px solid #b8b8b8;
border-radius: 50%;
}

.secttitle{
font-size:1.3em;
}

.sectsmaller{
font-size:.8em;
}

input.but{
border:1px solid #454f5e;
padding:10px;
font-size:1.3em;
background:#ffffff;
font-family: 'Raleway', sans-serif;
font-weight:300;
color:#454f5e;
}

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

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

.availabilitycol{
width:12.5%;float:left;
}

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

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

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

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

.gcbut { 
display: flex;
  justify-content: center;
  align-items: center;
  height: 200px;
	width:100%;
margin:0 auto
flex-flow: row wrap;
text-align:center;
color:#ffffff;
font-weight:300;
font-size:1.4em;
}


}

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

.desknav{
display:none;
}

.covidstatement{
width:90%;
padding:20px 5%;
background:#302b2c;
color:#ffffff;
font-family: 'haarlem_deco_demoregular';
text-align:center;
position:fixed;
font-size:1.2em;
letter-spacing:.05em;
top:70px;
z-index:999;
}

.covidtext{
color:#ffffff;
background:#bf1e2e;
font-family: 'BenchNine', sans-serif;
font-size:1.3em;
line-height:1.5em;
text-align:center;
padding:30px 40px;
}

.headgap{
height:140px;
width:100%;
background:#bf1e2e;
}

.main{
position:relative;
z-index:-99;
width:100%;
top:50px;
}

.sectionone{
width:100%;
background:#bf1e2e;
color:#ffffff;
margin:0 auto;
padding:100px 0;
}

.sectionint{
width:60%;
margin:0 auto;
font-family: 'BenchNine', sans-serif;
font-size:1.4em;
line-height:1.8em;
text-align:center;
}

.sectionnewsletter{
width:100%;
background:#ffffff;
color:#434343;
margin:0 auto;
padding:100px 0;
}

.sectionnewsletterint{
width:60%;
margin:0 auto;
font-family: 'BenchNine', sans-serif;
font-size:1.4em;
line-height:1.8em;
border:2px solid #bf1e2e;
padding:50px;
text-align:center;
}

.sectionmenu{
width:100%;
background-image:url('/img/woodbg.jpg');
background-size:cover;
background-repeat:no-repeat;
color:#ffffff;
margin:0 auto;
padding:80px 0;
position:relative;

}

.sectionmenuint{
width:70%;
margin:0 auto;
font-family: 'BenchNine', sans-serif;
font-size:1.4em;
line-height:1.8em;
}

.sectiondark{
width:100%;
background:#3e3a36;
color:#ffffff;
margin:0 auto;
padding:80px 0;
position:relative;

}

.menu1{
width:47%;
background-image:linear-gradient(to bottom, rgba(62, 58, 54, 0.1), rgba(62, 58, 54, 0.5)),
    url('/img/dinnerbg5.jpg');
background-size:100%;
background-position:center center;
background-repeat:no-repeat;

display: flex;
  justify-content: center;
  align-items: center;
  height: 200px;

margin:0 0 0 3%;
flex-flow: row wrap;
text-align:center;
color:#ffffff;
font-weight:300;
font-size:1.4em;


}

.menu2{
width:47%;
background-image:linear-gradient(to bottom, rgba(62, 58, 54, 0.1), rgba(62, 58, 54, 0.5)),
    url('/img/bevbg4.jpg');
background-size:100%;
background-position:center center;
background-repeat:no-repeat;

display: flex;
  justify-content: center;
  align-items: center;
  height: 200px;

margin:0 3% 0 0;
flex-flow: row wrap;
text-align:center;
color:#ffffff;
font-weight:300;
font-size:1.4em;
}

.menu3{
width:47%;
background-image:linear-gradient(to bottom, rgba(62, 58, 54, 0.1), rgba(62, 58, 54, 0.5)),
    url('/img/dessertbg3.jpg');
background-size:100%;
background-position:center center;
background-repeat:no-repeat;

display: flex;
  justify-content: center;
  align-items: center;
  height: 200px;

margin:0 3% 0 0;
flex-flow: row wrap;
text-align:center;
color:#ffffff;
font-weight:300;
font-size:1.4em;


}

.menu4{
width:47%;
background-image:linear-gradient(to bottom, rgba(62, 58, 54, 0.1), rgba(62, 58, 54, 0.5)),
    url('/img/kidsbg2.jpg');
background-size:100%;
background-position:center center;
background-repeat:no-repeat;

display: flex;
  justify-content: center;
  align-items: center;
  height: 200px;

margin:0 0 0 3%;
flex-flow: row wrap;
text-align:center;
color:#ffffff;
font-weight:300;
font-size:1.4em;
}

.menu5{
width:47%;
background-image:linear-gradient(to bottom, rgba(62, 58, 54, 0.1), rgba(62, 58, 54, 0.5)),
    url('/img/lunchbg5.jpg');
background-size:100%;
background-position:center center;
background-repeat:no-repeat;

display: flex;
  justify-content: center;
  align-items: center;
  height: 200px;

margin:0 3% 0 0;
flex-flow: row wrap;
text-align:center;
color:#ffffff;
font-weight:300;
font-size:1.4em;
}

.menu6{
width:47%;
background-image:linear-gradient(to bottom, rgba(62, 58, 54, 0.1), rgba(62, 58, 54, 0.5)),
    url('/img/happybg4.jpg');
background-size:100%;
background-position:center center;
background-repeat:no-repeat;

display: flex;
  justify-content: center;
  align-items: center;
  height: 200px;

margin:0 0 0 3%;
flex-flow: row wrap;
text-align:center;
color:#ffffff;
font-weight:300;
font-size:1.4em;
}

.menu7{
width:47%;
background-image:linear-gradient(to bottom, rgba(62, 58, 54, 0.1), rgba(62, 58, 54, 0.5)),
    url('/img/nabg4.jpg');
background-size:100%;
background-position:center center;
background-repeat:no-repeat;

display: flex;
  justify-content: center;
  align-items: center;
  height: 200px;

margin:0 3% 0 0;
flex-flow: row wrap;
text-align:center;
color:#ffffff;
font-weight:300;
font-size:1.4em;
}

.menu8{
width:47%;
background-image:linear-gradient(to bottom, rgba(62, 58, 54, 0.1), rgba(62, 58, 54, 0.5)),
    url('/img/Catering_Rigatoni_Nonnina_2.jpg');
background-size:100%;
background-position:center center;
background-repeat:no-repeat;

display: flex;
  justify-content: center;
  align-items: center;
  height: 200px;

margin:0 3% 0 0;
flex-flow: row wrap;
text-align:center;
color:#ffffff;
font-weight:300;
font-size:1.4em;
}

.menu9{
width:47%;
background-image:linear-gradient(to bottom, rgba(62, 58, 54, 0.1), rgba(62, 58, 54, 0.5)),
    url('/img/puppybg3.jpg');
background-size:100%;
background-position:center center;
background-repeat:no-repeat;

display: flex;
  justify-content: center;
  align-items: center;
  height: 200px;

margin:0 0 0 3%;
flex-flow: row wrap;
text-align:center;
color:#ffffff;
font-weight:300;
font-size:1.4em;
}

.menu10{
width:47%;
background-image:linear-gradient(to bottom, rgba(62, 58, 54, 0.1), rgba(62, 58, 54, 0.5)),
    url('/img/valbg2.jpg');
background-size:100%;
background-position:center center;
background-repeat:no-repeat;

display: flex;
  justify-content: center;
  align-items: center;
  height: 200px;

margin:0 0 0 0;
flex-flow: row wrap;
text-align:center;
color:#ffffff;
font-weight:300;
font-size:1.4em;
}

.menunye{
width:100%;
background-image:linear-gradient(to bottom, rgba(62, 58, 54, 0.1), rgba(62, 58, 54, 0.5)),
    url('/img/pnye24.jpg');
background-size:100%;
background-position:center center;
background-repeat:no-repeat;

display: flex;
  justify-content: center;
  align-items: center;
  height: 200px;

margin:0 0 0 3%;
flex-flow: row wrap;
text-align:center;
color:#ffffff;
font-weight:300;
font-size:1.4em;
}

.menucrw{
width:100%;
background-image:linear-gradient(to bottom, rgba(62, 58, 54, 0.1), rgba(62, 58, 54, 0.5)),
    url('/img/PetterinosCRW.jpg');
background-size:100%;
background-position:center center;
background-repeat:no-repeat;

display: flex;
  justify-content: center;
  align-items: center;
  height: 200px;

margin:0 0 0 3%;
flex-flow: row wrap;
text-align:center;
color:#ffffff;
font-weight:300;
font-size:1.4em;
}

.menuvd{
width:100%;
background-image:linear-gradient(to bottom, rgba(62, 58, 54, 0.1), rgba(62, 58, 54, 0.5)),
    url('/img/vdbg.jpg');
background-size:100%;
background-position:center center;
background-repeat:no-repeat;

display: flex;
  justify-content: center;
  align-items: center;
  height: 200px;

margin:0 0 0 3%;
flex-flow: row wrap;
text-align:center;
color:#ffffff;
font-weight:300;
font-size:1.4em;
}

.menuinner{
width:60%;
margin:0 auto;
padding:40px 50px;
border:2px solid #ffffff;
font-family: 'haarlem_deco_demoregular';
font-size:1.4em;
}

.menuflex{
display: flex;
justify-content:center;
align-items:center;
flex-flow: row wrap;
row-gap: 60px;
}

.sectioncarry{
width:100%;
background-image:url('/img/brassbg.jpg');
background-size:cover;
background-repeat:no-repeat;
color:#ffffff;
margin:0 auto;
padding:80px 0;
position:relative;
text-align:center;

}

.sectioncarryint{
width:70%;
margin:0 auto;
font-family: 'BenchNine', sans-serif;
font-size:1.4em;
line-height:1.8em;
text-align:center;
}

.carrybutton{
border:5px double #ffffff;
padding:5px 40px;
display:inline-block;
margin:0 30px;
font-family: 'haarlem_deco_demoregular';
  transition: 0.3s;
}

.carrybutton:hover{
background-color: rgba(245, 215, 105, 0.6);
}

.upcomingbutton{
border:5px double #ffffff;
padding:3px 20px;
display:inline-block;
margin:15px auto 0 auto;
font-size:.8em;
font-family: 'haarlem_deco_demoregular';
  transition: 0.3s;
}

.upcomingbutton:hover{
background-color: rgba(245, 215, 105, 0.6);
}

.break100{
clear:both;
height:100px;
}

.break70{
clear:both;
height:70px;
}

.ppimg{
width:30%;
margin:1.15%;
}

.redtitle{
font-family: 'haarlem_deco_demoregular';
text-align:center;
font-size:1.6em;
letter-spacing:.05em;
color:#bf1e2e;
}

.whitetitle{
float:left;
width:40%;
font-family: 'haarlem_deco_demoregular';
text-align:center;
font-size:2.4em;
letter-spacing:.05em;
line-height:.9em;
color:#ffffff;
}

.whitelines{
float:left;
width:28%;
background-image:url('/img/whitelines.png');
height:16px;
margin:10px 1% 0 1%;
}

.tbutton{
background-image:url('/img/ticketbg.png');
background-size:100%;
background-repeat:no-repeat;
color:#ffffff;
display:inline-block;
padding:18px 40px;
transition: transform .4s ease-in-out;
transform: rotate(-4deg);
z-index:0;
position:relative;
}

.tbutton:hover{
transform: rotate(-10deg);
}

.ybutton{
background-image:url('/img/ticketbg3.png');
background-size:100%;
background-repeat:no-repeat;
color:#333333;
display:inline-block;
padding:18px 40px;
transition: transform .4s ease-in-out;
transform: rotate(-4deg);
z-index:0;
position:relative;
}

.ybutton:hover{
transform: rotate(-10deg);
}

.cbutton{
background-image:url('/img/ticketbg4.png');
background-size:100%;
background-repeat:no-repeat;
color:#333333;
display:inline-block;
padding:18px 40px;
transition: transform .4s ease-in-out;
transform: rotate(-4deg);
z-index:0;
position:relative;
}

.cbutton:hover{
transform: rotate(-10deg);
}

.wbutton{
background-image:url('/img/ticketbg5.png');
background-size:100%;
background-repeat:no-repeat;
color:#333333;
display:inline-block;
padding:18px 40px;
transition: transform .4s ease-in-out;
transform: rotate(-4deg);
z-index:0;
position:relative;
}

.wbutton:hover{
transform: rotate(-10deg);
}

.footer{
width:90%;
margin:0 5%;
}

.footeryellow{
width:90%;
padding:0 5%;
background:#F5D769;
overflow:auto;
text-align:center;
}

.footerred{
width:90%;
padding:0 5%;
background:#bf1e2e;
overflow:auto;
text-align:center;
}

.foot1{
width:16%;
float:left;
padding:50px 2%;
text-align:center;
font-weight:300;
line-height:1.6em;
text-transform:none;
font-family: 'BenchNine', sans-serif;
font-size:1em;
color:#333333;
}

.foot1red{
width:16%;
float:left;
padding:50px 2%;
text-align:center;
font-weight:300;
line-height:1.6em;
text-transform:none;
font-family: 'BenchNine', sans-serif;
font-size:1em;
color:#ffffff;
}

.foottitle{
color:#bf1e2e;
font-family: 'haarlem_deco_demoregular';
font-size:1.4em;
padding-bottom:20px;
position: relative;
text-align:center;
}

.foottitlered{
color:#fefae3;
font-family: 'haarlem_deco_demoregular';
font-size:1.4em;
padding-bottom:20px;
position: relative;
text-align:center;
}

.footlogo{
width:20%;
padding:0 2.5%;
}

.footlogo2{
width:17%;
padding:0 4%;
}

.footlogo3{
width:15%;
padding:0 42.5%;
}

.footlogoparent{
width:50%;margin:0 auto;display: flex;justify-content:center;align-items:center;flex-flow: row wrap;
}

.deskres{
display:none;
}

.upleft{
width:48%;
margin-right:2%;
float:left;
}

.upright{
width:48%;
margin-left:2%;
float:left;
}

.containresume{
width:60%;
margin:100px 20% 150px 20%;
font-family: 'Raleway', sans-serif;
font-weight:300;
font-size:1em;
line-height:1.3em;
}

input.first{
border-bottom:2px solid #b8b8b8;
background:#f7f7f7;
border-top:0px solid #ffffff;
border-left:0px solid #ffffff;
border-right:0px solid #ffffff;
padding:5px;
font-family: 'Raleway', sans-serif;
font-weight:300;
font-size:.8em;
width:100%;
}

textarea{
border-bottom:2px solid #b8b8b8;
background:#f7f7f7;
border-top:0px solid #ffffff;
border-left:0px solid #ffffff;
border-right:0px solid #ffffff;
padding:5px;
font-family: 'Raleway', sans-serif;
font-weight:300;
font-size:.8em;
width:100%;
height:150px;
}

input.rat{
border:2px solid #b8b8b8;
border-radius: 50%;
}

.secttitle{
font-size:1.3em;
}

.sectsmaller{
font-size:.8em;
}

input.but{
border:1px solid #454f5e;
padding:10px;
font-size:1.3em;
background:#ffffff;
font-family: 'Raleway', sans-serif;
font-weight:00;
color:#454f5e;
}

.phone1{
width:50%;float:left;
}

.phone2{
width:48%;padding-left:2%;float:left;
}

.availabilitycol{
width:12.5%;float:left;
}

.employmentcol1{
width:18%;margin-right:2%;float:left;
}

.employmentcol2{
width:20%;float:left;
}

.signature1{
width:68%;margin-right:2%;float:left;
}

.signature2{
width:30%;float:left;
}

.gcbut { 
display: flex;
  justify-content: center;
  align-items: center;
  height: 300px;
	width:48%;
margin:0 1%;
flex-flow: row wrap;
text-align:center;
color:#ffffff;
font-weight:300;
font-size:1.4em;
}


}

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

.desknav{
width:90%;
background:#bf1e2e;
margin:0 auto;
padding:12px 5%;
font-family: 'haarlem_deco_demoregular';
text-align:right;
position:fixed;
font-size:.9em;
letter-spacing:.05em;
z-index:1;
}

.covidstatement{
width:90%;
padding:20px 5%;
background:#302b2c;
color:#ffffff;
font-family: 'haarlem_deco_demoregular';
text-align:center;
position:fixed;
font-size:1.2em;
letter-spacing:.05em;
top:80px;
z-index:1;
}

.covidtext{
color:#ffffff;
background:#bf1e2e;
font-family: 'BenchNine', sans-serif;
font-size:1.3em;
line-height:1.5em;
text-align:center;
padding:30px 40px;
}


.headgap{
height:100px;
width:100%;
background:#bf1e2e;
}

.mobnav{
display:none;
}

.main{
position:relative;
z-index:-99;
width:100%;
top:50px;
}

.sectionone{
width:100%;
background:#bf1e2e;
color:#ffffff;
margin:0 auto;
padding:100px 0;
}

.sectionint{
width:60%;
margin:0 auto;
font-family: 'BenchNine', sans-serif;
font-size:1.4em;
line-height:1.8em;
text-align:center;
}

.sectionnewsletter{
width:100%;
background:#ffffff;
color:#434343;
margin:0 auto;
padding:100px 0;
}

.sectionnewsletterint{
width:60%;
margin:0 auto;
font-family: 'BenchNine', sans-serif;
font-size:1.4em;
line-height:1.8em;
border:2px solid #bf1e2e;
padding:50px;
text-align:center;
}

.sectionmenu{
width:100%;
background-image:url('/img/woodbg.jpg');
background-size:cover;
background-repeat:no-repeat;
color:#ffffff;
margin:0 auto;
padding:80px 0;
position:relative;

}

.sectionmenuint{
width:70%;
margin:0 auto;
font-family: 'BenchNine', sans-serif;
font-size:1.4em;
line-height:1.8em;
}

.sectiondark{
width:100%;
background:#3e3a36;
color:#ffffff;
margin:0 auto;
padding:80px 0;
position:relative;
overflow:auto;
}


.menu1{
width:47%;
background-image:linear-gradient(to bottom, rgba(62, 58, 54, 0.1), rgba(62, 58, 54, 0.5)),
    url('/img/dinnerbg5.jpg');
background-size:100%;
background-position:center center;
background-repeat:no-repeat;

display: flex;
  justify-content: center;
  align-items: center;
  height: 300px;

margin:0 0 0 3%;
flex-flow: row wrap;
text-align:center;
color:#ffffff;
font-weight:300;
font-size:1.4em;


}

.menu2{
width:47%;
background-image:linear-gradient(to bottom, rgba(62, 58, 54, 0.1), rgba(62, 58, 54, 0.5)),
    url('/img/bevbg4.jpg');
background-size:100%;
background-position:center center;
background-repeat:no-repeat;

display: flex;
  justify-content: center;
  align-items: center;
  height: 300px;

margin:0 3% 0 0;
flex-flow: row wrap;
text-align:center;
color:#ffffff;
font-weight:300;
font-size:1.4em;
}

.menu3{
width:47%;
background-image:linear-gradient(to bottom, rgba(62, 58, 54, 0.1), rgba(62, 58, 54, 0.5)),
    url('/img/dessertbg3.jpg');
background-size:100%;
background-position:center center;
background-repeat:no-repeat;

display: flex;
  justify-content: center;
  align-items: center;
  height: 300px;

margin:0 3% 0 0;
flex-flow: row wrap;
text-align:center;
color:#ffffff;
font-weight:300;
font-size:1.4em;
}

.menu4{
width:47%;
background-image:linear-gradient(to bottom, rgba(62, 58, 54, 0.1), rgba(62, 58, 54, 0.5)),
    url('/img/kidsbg2.jpg');
background-size:100%;
background-position:center center;
background-repeat:no-repeat;

display: flex;
  justify-content: center;
  align-items: center;
  height: 300px;

margin:0 0 0 3%;
flex-flow: row wrap;
text-align:center;
color:#ffffff;
font-weight:300;
font-size:1.4em;
}

.menu5{
width:47%;
background-image:linear-gradient(to bottom, rgba(62, 58, 54, 0.1), rgba(62, 58, 54, 0.5)),
    url('/img/lunchbg5.jpg');
background-size:100%;
background-position:center center;
background-repeat:no-repeat;

display: flex;
  justify-content: center;
  align-items: center;
  height: 300px;

margin:0 3% 0 0;
flex-flow: row wrap;
text-align:center;
color:#ffffff;
font-weight:300;
font-size:1.4em;
}

.menu6{
width:47%;
background-image:linear-gradient(to bottom, rgba(62, 58, 54, 0.1), rgba(62, 58, 54, 0.5)),
    url('/img/happybg4.jpg');
background-size:100%;
background-position:center center;
background-repeat:no-repeat;

display: flex;
  justify-content: center;
  align-items: center;
  height: 300px;

margin:0 0 0 3%;
flex-flow: row wrap;
text-align:center;
color:#ffffff;
font-weight:300;
font-size:1.4em;
}

.menu7{
width:47%;
background-image:linear-gradient(to bottom, rgba(62, 58, 54, 0.1), rgba(62, 58, 54, 0.5)),
    url('/img/nabg4.jpg');
background-size:100%;
background-position:center center;
background-repeat:no-repeat;

display: flex;
  justify-content: center;
  align-items: center;
  height: 300px;

margin:0 3% 0 0;
flex-flow: row wrap;
text-align:center;
color:#ffffff;
font-weight:300;
font-size:1.4em;
}

.menu8{
width:47%;
background-image:linear-gradient(to bottom, rgba(62, 58, 54, 0.1), rgba(62, 58, 54, 0.5)),
    url('/img/Catering_Rigatoni_Nonnina_2.jpg');
background-size:100%;
background-position:center center;
background-repeat:no-repeat;

display: flex;
  justify-content: center;
  align-items: center;
  height: 300px;

margin:0 3% 0 0;
flex-flow: row wrap;
text-align:center;
color:#ffffff;
font-weight:300;
font-size:1.4em;
}

.menu9{
width:47%;
background-image:linear-gradient(to bottom, rgba(62, 58, 54, 0.1), rgba(62, 58, 54, 0.5)),
    url('/img/puppybg3.jpg');
background-size:100%;
background-position:center center;
background-repeat:no-repeat;

display: flex;
  justify-content: center;
  align-items: center;
  height: 300px;

margin:0 0 0 3%;
flex-flow: row wrap;
text-align:center;
color:#ffffff;
font-weight:300;
font-size:1.4em;
}

.menu10{
width:47%;
background-image:linear-gradient(to bottom, rgba(62, 58, 54, 0.1), rgba(62, 58, 54, 0.5)),
    url('/img/valbg2.jpg');
background-size:100%;
background-position:center center;
background-repeat:no-repeat;

display: flex;
  justify-content: center;
  align-items: center;
  height: 300px;

margin:0 0 0 3%;
flex-flow: row wrap;
text-align:center;
color:#ffffff;
font-weight:300;
font-size:1.4em;
}

.menunye{
width:100%;
background-image:linear-gradient(to bottom, rgba(62, 58, 54, 0.1), rgba(62, 58, 54, 0.5)),
    url('/img/pnye24.jpg');
background-size:100%;
background-position:center center;
background-repeat:no-repeat;

display: flex;
  justify-content: center;
  align-items: center;
  height: 300px;

margin:0 0 0 0;
flex-flow: row wrap;
text-align:center;
color:#ffffff;
font-weight:300;
font-size:1.4em;
}

.menucrw{
width:100%;
background-image:linear-gradient(to bottom, rgba(62, 58, 54, 0.1), rgba(62, 58, 54, 0.5)),
    url('/img/PetterinosCRW.jpg');
background-size:100%;
background-position:center center;
background-repeat:no-repeat;

display: flex;
  justify-content: center;
  align-items: center;
  height: 300px;

margin:0 0 0 0;
flex-flow: row wrap;
text-align:center;
color:#ffffff;
font-weight:300;
font-size:1.4em;
}

.menuvd{
width:100%;
background-image:linear-gradient(to bottom, rgba(62, 58, 54, 0.1), rgba(62, 58, 54, 0.5)),
    url('/img/vdbg.jpg');
background-size:100%;
background-position:center center;
background-repeat:no-repeat;

display: flex;
  justify-content: center;
  align-items: center;
  height: 300px;

margin:0 0 0 0;
flex-flow: row wrap;
text-align:center;
color:#ffffff;
font-weight:300;
font-size:1.4em;
}

.menuinner{
width:60%;
margin:0 auto;
padding:80px 50px;
border:2px solid #ffffff;
font-family: 'haarlem_deco_demoregular';
font-size:1.4em;
}

.menuflex{
display: flex;
justify-content:center;
align-items:center;
flex-flow: row wrap;
row-gap: 60px;
}

.sectioncarry{
width:100%;
background-image:url('/img/brassbg.jpg');
background-size:cover;
background-repeat:no-repeat;
color:#ffffff;
margin:0 auto;
padding:80px 0;
position:relative;
text-align:center;

}

.sectioncarryint{
width:70%;
margin:0 auto;
font-family: 'BenchNine', sans-serif;
font-size:1.4em;
line-height:1.8em;
text-align:center;
}

.carrybutton{
border:5px double #ffffff;
padding:5px 40px;
display:inline-block;
margin:0 30px;
font-family: 'haarlem_deco_demoregular';
  transition: 0.3s;
}

.carrybutton:hover{
background-color: rgba(245, 215, 105, 0.6);
}

.upcomingbutton{
border:5px double #ffffff;
padding:3px 20px;
display:inline-block;
margin:15px auto 0 auto;
font-size:.8em;
font-family: 'haarlem_deco_demoregular';
  transition: 0.3s;
}

.upcomingbutton:hover{
background-color: rgba(245, 215, 105, 0.6);
}

.break100{
clear:both;
height:100px;
}

.break70{
clear:both;
height:70px;
}

.ppimg{
width:30%;
margin:1.15%;
}

.redtitle{
font-family: 'haarlem_deco_demoregular';
text-align:center;
font-size:1.6em;
letter-spacing:.05em;
color:#bf1e2e;
}

.whitetitle{
float:left;
width:40%;
font-family: 'haarlem_deco_demoregular';
text-align:center;
font-size:2.4em;
letter-spacing:.05em;
line-height:.9em;
color:#ffffff;
}

.whitelines{
float:left;
width:28%;
background-image:url('/img/whitelines.png');
height:16px;
margin:10px 1% 0 1%;
}

.tbutton{
background-image:url('/img/ticketbg.png');
background-size:100%;
background-repeat:no-repeat;
color:#ffffff;
display:inline-block;
padding:18px 40px;
transition: transform .4s ease-in-out;
transform: rotate(-4deg);
z-index:0;
position:relative;
}

.tbutton:hover{
transform: rotate(-10deg);
}

.ybutton{
background-image:url('/img/ticketbg3.png');
background-size:100%;
background-repeat:no-repeat;
color:#333333;
display:inline-block;
padding:18px 40px;
transition: transform .4s ease-in-out;
transform: rotate(-4deg);
z-index:0;
position:relative;
}

.ybutton:hover{
transform: rotate(-10deg);
}

.cbutton{
background-image:url('/img/ticketbg4.png');
background-size:100%;
background-repeat:no-repeat;
color:#333333;
display:inline-block;
padding:18px 40px;
transition: transform .4s ease-in-out;
transform: rotate(-4deg);
z-index:0;
position:relative;
}

.cbutton:hover{
transform: rotate(-10deg);
}

.wbutton{
background-image:url('/img/ticketbg5.png');
background-size:100%;
background-repeat:no-repeat;
color:#333333;
display:inline-block;
padding:18px 40px;
transition: transform .4s ease-in-out;
transform: rotate(-4deg);
z-index:0;
position:relative;
}

.wbutton:hover{
transform: rotate(-10deg);
}

.footer{
width:90%;
margin:0 5%;
}

.footeryellow{
width:90%;
padding:0 5%;
background:#F5D769;
overflow:auto;
text-align:center;
}

.footerred{
width:90%;
padding:0 5%;
background:#bf1e2e;
overflow:auto;
text-align:center;
}

.foot1{
width:16%;
float:left;
padding:50px 2%;
text-align:center;
font-weight:300;
line-height:1.6em;
text-transform:none;
font-family: 'BenchNine', sans-serif;
font-size:1em;
color:#333333;
}

.foot1red{
width:16%;
float:left;
padding:50px 2%;
text-align:center;
font-weight:300;
line-height:1.6em;
text-transform:none;
font-family: 'BenchNine', sans-serif;
font-size:1em;
color:#ffffff;
}

.foottitle{
color:#bf1e2e;
font-family: 'haarlem_deco_demoregular';
font-size:1.4em;
padding-bottom:20px;
position: relative;
text-align:center;
}

.foottitlered{
color:#fefae3;
font-family: 'haarlem_deco_demoregular';
font-size:1.4em;
padding-bottom:20px;
position: relative;
text-align:center;
}

.footlogo{
width:20%;
margin:0 2.5%;
display: flex;
}

.footlogo2{
width:17%;
margin:0 4%;
display: flex;
}

.footlogo3{
width:15%;
margin:0 42.5%;
display: flex;
}

.footlogoparent{
width:40%;margin:0 auto;display: flex;justify-content:center;align-items:center;flex-flow: row wrap;
}

.mobres{
display:none;
}

.upleft{
width:48%;
margin-right:2%;
float:left;
}

.upright{
width:48%;
margin-left:2%;
float:left;
}

input.first{
border-bottom:2px solid #b8b8b8;
background:#f7f7f7;
border-top:0px solid #ffffff;
border-left:0px solid #ffffff;
border-right:0px solid #ffffff;
padding:5px;
font-family: 'Raleway', sans-serif;
font-weight:300;
font-size:.8em;
width:100%;
color:#000000;
}

textarea{
border-bottom:2px solid #b8b8b8;
background:#f7f7f7;
border-top:0px solid #ffffff;
border-left:0px solid #ffffff;
border-right:0px solid #ffffff;
padding:5px;
font-family: 'Raleway', sans-serif;
font-weight:300;
font-size:.8em;
width:100%;
height:150px;
color:#000000;
}

input.rat{
border:2px solid #b8b8b8;
border-radius: 50%;
}

.secttitle{
font-size:1.3em;
color:#ffffff !important;
}

.sectsmaller{
font-size:.8em;
color:#ffffff !important;
}

input.but{
border:1px solid #454f5e;
padding:10px;
font-size:1.3em;
background:#ffffff;
font-family: 'Raleway', sans-serif;
font-weight:300;
color:#000000;
}

.phone1{
width:50%;float:left;
}

.phone2{
width:48%;padding-left:2%;float:left;
}

.availabilitycol{
width:12.5%;float:left;
}

.employmentcol1{
width:18%;margin-right:2%;float:left;
}

.employmentcol2{
width:20%;float:left;
}

.signature1{
width:68%;margin-right:2%;float:left;
}

.signature2{
width:30%;float:left;
}

.gcbut { 
display: flex;
  justify-content: center;
  align-items: center;
  height: 300px;
	width:48%;
margin:0 1%;
flex-flow: row wrap;
text-align:center;
color:#ffffff;
font-weight:300;
font-size:1.4em;
}


}

    .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%;
}

@media (max-width: 768px) {
  .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;
  }
}