@import url('https://fonts.googleapis.com/css?family=Montserrat&display=swap');

body {
  background-color: white;
  font-family: 'Montserrat', sans-serif;
}

p {
  font-size: .9rem;
}

figure h1 {
  display: none;
}

.logo {
  height: 1.5em;
}

.hidden {
  display: none;
}

.navbar {
  margin-bottom: 0;
}

.btn, .btn-primary, .btn:hover, .btn-primary:hover{
  background-color: #FFFFFF;
  color:#00914d;
  border: none;
}

.navbar-dark {
  background-color: #00914d;
}

.card {
  margin: 5px;
  opacity: 0;
  animation-name: fadeIn;
  animation-duration: 1s;
  animation-fill-mode: forwards;
}

/* Animation set */
.card:nth-child(2) {
  animation-delay: 0.25s;
}

.card:nth-child(3) {
  animation-delay: 0.5s;
}

.card:nth-child(4) {
  animation-delay: 0.75s;
}

.card:nth-child(5) {
  animation-delay: 1s;
}

@keyframes fadeIn {
  from { opacity: 0; }
  to   { opacity: 1; }
}

.card:hover {
  box-shadow: 2px 2px lightgrey;
  border-color: grey;
}

.card a {
  text-decoration: none;
  color: black;
}

.card a:hover {
  background-color: #00914d;
  color: white;
}

#home {
  margin-top: 2em;
  margin-left: 1em;
  margin-right: 1em;
  display: flex;
  flex-direction: row;
}

.card-img {
  object-fit: cover;
}

.dropdown-item:active, .dropdown-item:hover {
  background-color: #00914d;
  color: white;
}

.line {
  display: inline;
}

.line h1 {
  font-weight: bolder;
}

.deliver {
  color: green;
  font-size: 1.5em;
}

.text h1 {
  font-family: 'Montserrat', sans-serif;
  font-weight: bold;
  font-size: 3em;
}

#about h1 {
  font-family: 'Montserrat', sans-serif;
  font-weight: bolder;
  font-size: 2em;
  color: green;
}

footer {
  margin-top: 5vw;
  text-align: center;
}

.about-body {
  width: 75%;
  margin: auto;
}

.about-headers {
  font-weight: bolder;
  color: #00914d;
  font-size: 1.5em;
}

.about-headers, .about-text {
  margin-left: 5%;
  margin-right: 5%;
}

.restosection {
  width: 85%;
  margin-left: 7.5%;
  margin-right: 7.5%;
}

.display-2 {
  font-size: 4em;
  font-weight: bolder;
  color: #a4cf8a;
  text-shadow: 2px 2px white;
}

.jumbotron{
  align-items:center;
  display:flex;
  background-image:url('../img/local.jpg');
  background-size:cover;
  background-color:#898888;
  height:50%;
  text-align: center;
}

#mapid { 
  height: auto;
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 320px) {
  .card {
    width: 90%;
    margin-top: 5%;
    margin-left: 5%;
    margin-right: 5%;
  }
  .card-img {
      height: 45vw;
  }
  
  .display-2 {
    font-size: 3em;
  }

  #mapid { 
    display: none;
  }

  .cardz {
    border-right: none;
  }
  #home {
    margin-left: .3em;
    margin-right: .3em;
  }
  
  .container-fluid {
    padding: 0;
  }
}

/* Medium devices (laptops, 720px and up) */
@media (min-width: 720px) {
  .card {
    width: 90%;
    margin-top: 2%;
    margin-left: 2%;
    margin-right: 2%;
  }
  .card-img {
      height: 25vw;
  }

  .display-2 {
    font-size: 4em;
  }

  .cardz {
    border-right: none;
  }

  #home {
    margin-left: .3em;
    margin-right: .3em;
  }

  #mapid { 
    display: block;
  }
}

/* Medium devices (desktops, 1080px and up) */
@media (min-width: 1000px) {
  .card {
    width: 95%;
    margin-top: 1%;
  }
  .card-img {
      height: 13vw;
  }

  #home > div {
    width: 50%;
  }

  #home {
    margin-left: 1em;
    margin-right: 1em;
  }

  .cardz {
    overflow: scroll;
    height: 750px;
  }
}