@font-face {
  font-family: 'AustieBost';
  src: url('fonts/Austie Bost You Wear Flowers Solid.ttf')  format('truetype')
}


.screen {
  padding: 30px 0;
  max-height: 500px;
}

.AustieBost {
  font-family: AustieBost;
}

header {
  background-color: #F2E6D0;
}

#landing {
  background-color: #061a01; 
}

#leaves {
  height: 100px;
  background-image: url("images/leaf.jpg");
}

#schedule {
  background-image: url("images/leaf.jpg");
}

.schedule-content {
  background-color: #F2E6D0;
  border-radius: 5px;
  border: 1px solid #F2A81D;
  padding: 70px 0;
}

.schedule-content>p {
  font-size: 50px;
}

.wrap {
  width: 80%;
}

.schedule-box {
  width: 150px;
  margin-top: 50px;
  background-color: #593B02;
  padding: 10px;
  border-radius: 5px;
  text-align: center;
  color: #F2E6D0;
}

.hours {
  color: #593B02;
  background-color: #F2E6D0;
  font-size: 2.5em;
  border-radius: 5px;
}

#lieux {
  height: 450px;
  background-color: #593B02;
  display: flex;
  flex-flow: row;
  justify-content: center;
}

#wrap_map, #map, #sidecar {
  height: 400px;
}

#map {
  width: 100%;
}

#wrap_map {
  display: flex;
  flex-flow: row;
}

#sidecar {
  width: 400px;
  display: flex;
  flex-flow: column;
  justify-content: start;
}

#lieux h3{
  color: #F2E6D0;
  text-align: center;
  padding: 65px 0 55px;
  background-image: url('images/cadre.png');
  background-position: center;
  background-repeat: no-repeat;
  background-size: 160px;
}