main h1, main h2, main h3, main p, main a{
margin: 0 auto;
max-width: 1000px;
}
.HeaderVideo{
    display: block;
box-sizing: border-box;
height: auto;
overflow: hidden;
max-height: calc(100vh - 200px);
line-height: 0;
background-color:#abe2d8;
}
.HeaderVideo video{
width: 100%;
    filter: saturate(1.3);
box-sizing: border-box;
overflow-y: hidden;
}
.picnicspacer{
box-sizing: border-box;
margin: 0;
padding: 0;
width: 100vw;
        object-fit: cover;
    height: 50px;
    overflow: hidden;
}
.picnicspacer img{
width: 100%;

}
.MenuDecor{
width: 100%;
height: 150px;
object-fit: cover;
}
.MenuDecor img{
width: 100%;
height: 150px;
object-fit: cover;
}
.menuHeader{
width: 90%;
margin: 0 auto;
max-width: 1000px;
}
.menuHeader h1{
    font-size: 4em;
    margin-bottom: 0;
    color: #58bba9;
}
.header-container{
 position: relative;
 width: 100%;
}
.videoType{
position: absolute;
 display: flex;
 flex-direction: column;
 align-items: center;
 justify-content: center;
top: 0%;
 bottom: 0%;
    margin: 0 auto;
    width: 100%;
   text-align: center; 
text-transform: uppercase;
font-size: 4.5vw;
color: rgba(255,255,255,.7);
 line-height: 2em;
    text-shadow: 2px 5px 12px rgba(0,0,0,.4);
}
.videoType h2{
 font-size: clamp(2.5em, 4vw, 6em);
 margin: 0 auto;
}
.videoType h3{
  font-size: clamp(1.5em, 3vw, 4em);
  margin: 0 auto;
}
@media screen and (min-width: 1200px){

}
.PopupToast{
position: fixed;
object-fit: contain;
width: 80px;
height: 80px;
border-radius: 40px;
background-color:#ff4c00;
z-index: 500;
display: flex;
bottom: 40px;
right: 40px;
align-content: center;
animation: fadeIn 1s ease-in-out;
animation-delay: 5s;
animation-fill-mode: both;
}
@keyframes fadeIn{
0%{opacity:0%;}
100%{opacity:100%;}
}
.PopupToast a{
    margin: auto;
align-items: center;
}
.PopupToast a img{
    display: block;
    object-fit: contain;
    max-width: 60%;
    margin: auto;
    margin-bottom: 2px;

}
.PopupToast p{
display: block;
position: fixed;
background-color:white;
right: 120px;
width: 0;
opacity: 0;
transition: all .5s ease-in-out;
display: -webkit-box;
padding: 4px 20px;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
border-radius: 20px 0;
overflow: hidden;
text-overflow: ellipsis;
}
.PopupToast:hover>p{
display: block;
width: 200px;
transition: all .5s ease-in-out;
opacity: 100;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;

overflow: hidden;
text-overflow: ellipsis;
}

@media screen and (max-width: 480px){
    .MenuDecor, .MenuDecor img{
        height: 80px;
        }
        .menuHeader h1{
          font-size: 2.5em;
          text-align: center;
        }
}