html, body{
  overflow-x:hidden !important;
  max-width:100% !important;
}

body {
  font-family: 'Roboto', sans-serif;
  background-color:white;
  color: #0A0D1C;
  padding: 0;
  margin: 0;
}

#popup{
  box-sizing:border-box;
  z-index:2;
  position:fixed;
  right:1000%;
  top:30%;
  width:100%;
  text-align:center;
  transition: all .5s;
  max-width:700px;
}

#popup img{
  width:100%;
}

#mobilevideo {
  position: relative;
  top: 0;
  width: 100%;
  height:600px;
  margin-bottom:0;
  padding-bottom:0;
  object-fit:cover;
}

#desktopvideo{
  display:none;
  position:relative;
  top:0;
  overflow:hidden;
  height:auto;
  height:600px;
  width:100vw;
  object-fit:cover;
}

.videocontent{
  margin-left:5%;
  color:white;
  position:absolute;
  top:15rem;
  font-family: 'Oswald', sans-serif;
}
.videocontent h1{
    font-size:4.0rem;
    line-height:1;
   
}

.videocontent h2{
  color:white;
  width:280px;
}

.menu{
    left:0;
    right:0;
    margin-left:auto;
    margin-right:auto;
    width:150px;
  color:white;
  position:absolute;
  top:15rem;
  font-family: 'Oswald', sans-serif;
}
.menu h1{
    
    font-size:4.0rem;
    line-height:1;
    text-shadow:2px 2px 2px black;
}

a{
  text-decoration:none;
  color:inherit;
}

#hamNav{
  
  
}

.logo{
  width:250px;
  padding:15px;
  margin-right:10px;
}

.mobileNavigation{
  z-index:13;
  font-weight:900;
  font-size:2.43rem;
  background-color:white;
  padding:15px;
  display:-webkit-inline-box;
  display:-ms-inline-flexbox;
  display:inline-flex;
  align-items:center;
  justify-content:end;
  width: 100%;
  height:4.5rem;
  position:fixed;
  top:0;
  border-bottom:5px solid #27AAE1;
}

.ham{
  z-index:;
  padding:.4rem;
  
  position:absolute;
  left:1.5rem;
  cursor:pointer;
}

.bar1, .bar2, .bar3 {
  width: 20px;
  height: 4px;
  background-color: #0A0D1C;
  margin: 3px 0;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}

.change .bar1 {
  -webkit-transform: translate(0, 11px) rotate(-45deg);
      -ms-transform: translate(0, 11px) rotate(-45deg);
          transform: translate(0, 7px) rotate(-45deg);
          box-shadow:none;
}

.change .bar2 {
  opacity: 0;
  }

.change .bar3 {
  -webkit-transform: translate(0, -11px) rotate(45deg);
      -ms-transform: translate(0, -11px) rotate(45deg);
          transform: translate(0, -7px) rotate(45deg);
          box-shadow:none;
}

#mobile{
  z-index:12;
  font-weight:600;
  background-color:rgba(39, 170, 225, .9);
  width:100%;
  height:100vh;
  color:white;
  display:none;
  position:fixed;
  padding-top:90px;
  top:0;  
  transition: all .5s;
}

#mobile ul{
  margin:0 auto;
  padding-top:1rem;
  padding-left:0;
}

#mobile ul li{
  list-style-type:none;
  text-decoration:none;
  font-size:2rem;
  text-align:center;
  margin:15px auto;
  padding:1rem;
  transition:all .33s;
}

#mobile ul li a{
  text-decoration:none;
  color: white;
}

nav{
  z-index:5;
  font-size:1.4rem;
  font-weight:600;
  padding:0;
  display:inline-flex;
  justify-content:end;
  align-items:center;
  width: 100%;
  background-color:white;
  position:fixed;
  top:0;
  height:102px;
  border-bottom:5px solid #27AAE1;
}

//dropdown
.dropdown{
  z-index:5;
  background-color:;
}

.name{
  position:absolute;
  right:16px;
  padding: 0;
}

.dropnav{
  background-color:white;
  margin:0;
  position:;
  top:;
  padding-top:37px;
  padding-bottom:36px;
  padding-left:40px;
  padding-right:80px;
  z-index:5;
}

.dropdown-content{
  position:absolute;
  top:-300px;
  z-index:-1;
  background-color:white;
  }

.dropdown-content a{
  display:block;
  padding:12px 16px;
  text-decoration:none;
  color:;
  background-color:;
}

.dropdown:hover .dropnav{
  text-decoration:underline;
  }

.dropdown:hover .dropdown-content{
  top:100px;
  transition: all .33s;
  }

.dropdown-content a:hover{
  color:white;
  background-color:#161719;
  transition: color .33s;
}

main{
  text-align:center;
  color:
  max-width:;
}

main h1{
  font-family: 'Oswald', sans-serif;
}

main h2{
  font-family: 'Oswald', sans-serif;
}

main p{
  color:rgba(30, 30, 70, 1)
  font-size:16px;
  line-height:1.5;
  margin:15px auto;
  max-width:500px;
  padding: 0 10px;
}

.catering{
  margin: 55px auto 25px;
  color:#0A0D1C;
  display:flex;
  justify-content:center;
  align-items:center;
  background-color:;
  height:75px;
  text-decoration:none;
  
}

.subscribe{
  margin:25px auto 25px;
  width:250px;
  border-radius:25px;
  color:white;
  display:flex;
  justify-content:center;
  align-items:center;
  background-color:#27AAE1;
  height:75px;
  text-decoration:none;
}

.icons{
  display:inline-flex;
  justify-content:center;
}

.social{
  width:50px;
  padding:15px;
  margin:0 10px;
}

#catfish{
  position: relative;
  top: 5px;
  width: 90%;
  height:250px;
  margin-bottom:25px;
  padding-bottom:0;
  object-fit:cover;
  max-width:500px;
  border-radius:20px;
}

footer{
  text-align:center;
  background-color:#27AAE1;
  color:white;
  margin-top:0;
  margin-bottom:0;
  padding-top:40px;
}  

.specialties{
  color:white;
  background-color:#E05F4E;
  padding-top:10px;
  padding-bottom:10px;
  max-width: 500px;
  border-radius: 25px;
  margin: 0 auto;
}

.friday{
  color:white;
  background-color:#27AAE1;
  padding-top:10px;
  padding-bottom:10px;
  max-width: 500px;
  border-radius: 25px;
  margin: 0 auto;
}

.copyright{
  font-size:10px;
  display:flex;
  justify-content:space-around;
}

#foodtruck{
  width:50px;
  top:950px;
  position:absolute;
  overflow-x:hidden !important;
  max-width:100% !important;
}

#map {
    padding-top:20px;
}

@media only screen and (min-width: 930px){
  #hamNav{
    display:none;
  }
  .videocontent{
    text-align:center;
    left: 0; 
  right: 0; 
  margin-left: auto; 
  margin-right: auto; 
  width: 100%;
  }
}

@media only screen and (min-width:450px){
    #mobilevideo{
    display:none;
  }
  #desktopvideo{
    display:block;
  }
}

@media only screen and (min-width:700px){
  .videocontent h1{
    font-size:6rem;
  }
  .videocontent{
    top:10rem;
  }
}

@media only screen and (min-width:1000px){
}

@media only screen and (max-width:930px){
  nav{
    display:none;
  }
}

@media only screen and (max-width:300px){
  
}