/*


.______   .______     ______      
|   _  \  |   _  \   /  __  \     
|  |_)  | |  |_)  | |  |  |  |    
|   _  <  |   _  <  |  |  |  |    
|  |_)  | |  |_)  | |  `--'  '--. 
|______/  |______/   \_____\_____\
                                  


*/

.secondpart p {
  margin-top: 10px;
}

form {
  text-transform: capitalize;
  padding-bottom: 40px;
}

form p {
  text-transform: capitalize;
}

form span {
  text-transform: capitalize;
}

.card { /*flex width should still stay here */
  width: 25%;
  position: 
/*   float: left; */
  background: white;
  min-height: 600px;
  height:fill;
  border-radius: 20px;
  
  flex: 33.3%
}

@media (max-width:600px){
  .card {
    flex:100%;
  }
}

#contactInfo {
  padding: 40px;
  margin-left: 50px;
}

#menuChoices {
  padding: 40px;
  margin-left: 30px;
}

#checkOut {
  padding: 40px;
  margin-left: 30px;
}



.bbq header nav {
  float: left;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 50px;
  left: 540px;
}

textarea {
  width: 100%;
  height: 200px;
  border-radius: 5px;
  color: #000000;
  border: 1px solid lightgrey;
}

input[type="text"],
input[type="email"] {
  border: 1px solid lightgrey;
  border-radius: 5px;
  padding: 8px;
  width: 100%;
}

.greysmall {
  font-size: 0.8em;
}

.mainInput {
  float: right;
  width: 60px;
}

.disabled {}

.subInput {
  margin: 5px;
  width: 50px;
}

}

label {
  margin-bottom: 10px;
  font-size: 1em;
}

.subLabel {
  width: 100%;
  padding-right: 0;
  justify-content: space-between;
  display: flex;
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 0.8em;
}

summary {
  color: #383838;
}

input[type="submit"] {
  padding: 10px;
  border: none;
}

.yellow {
  color: #EF9E02;
}


@media only screen and (max-width: 940px) {
  nav ul li {
    display: block;
    margin-bottom: 10px;
  }
  .firstpart,
  .secondpart,
  .thirdpart {
/*     float: none; */
    width: 80%;
    height: auto;
  }
  h1 {
    width: 100%;
    font-size: 4em;
  }
  nav {
    margin-left: 0;
  }
  .scouts {
    float: none;
    font-size: 1.5em;
    margin-left: 200px;
    margin-top: 08px;
  }
  .data {
    font-size: 3em;
    margin-top: 170px;
    margin-left: 40px
  }
  .adres {
    margin-left: 40px;
    margin-top: 5px;
  }

  nav ul li a {
    text-decoration: none;
  }
  nav {
    position: static !important;
    width: 100%;
  }
/*   nav ul li a:hover:before {
    content: "";
    position: absolute;
    top: 65px;
    width: 0px !important;
    height: 3px;
    background: white;
  } */
  .active:before {
    width: 0 !important;
  }
  body {
    background: none !important;
  }
  form {
    margin-top: 200px;
    margin-left: 200px;
  }
  .googlemap {
    margin-top: 200px;
  }
  h1 {
    font-size: 3em !important;
  }
  .hide {
    display: none;
  }
  html {
    overflow-x: hidden;
  }
}