.timeline { background: #9FD5D0; background-image: url(/images/grass_shorter.png); background-position: bottom center; background-size: 100% auto; background-repeat: no-repeat; margin: 0 -20px 60px; width: 100%; display: flex; padding: 20px 20px 0; align-items: center; }
.timelineContent { width: calc(100% - 220px); text-align: center; margin-bottom: 50px; }
.windmill { width: 200px; margin-left: 20px; }
.windmill img { width: 100%; height: auto; }
a.date { display: inline-block; padding: 12px 36px; border: 2px solid #000; font-weight: 700; color: #000; text-decoration: none; margin: 5px; }
a.date:hover { background: #FFF; transition: 1s; }
.dateInfo { display: flex; align-items: center; flex-wrap: nowrap; flex-direction: row; }
.dateText { width: calc(100% - 300px); }
.dateText h2 { margin: 0 0 20px; }
.dateImage { width: 280px; margin-left: 20px; }
.dateImage img { width: 100%; height: auto; }
.dateText.noImage { width: 100%; }
.timelineContent h2 { margin: 0 0 20px; }

.dutchHighlights { background: #E7E4D4; display: flex; width: calc(100% + 40px); padding: 0; margin: 60px -20px; }
.dhLeft { width: 250px; overflow: hidden; }
.dhLeft img { height: 300px; width: auto; }
.dhRight { width: 250px; overflow: hidden; text-align: right; }
.dhRight img { height: 300px; width: auto; }
.dhCenter { width: calc(100% - 580px); text-align: center; padding: 20px 40px; }
.dhCenter h3 { font-family: 'missesregular'; font-size: 40px; line-height: 50px; margin: 25px 0; }
.dhCenter p { margin: 25px 0; }
.dhCenter a.button { background: #F19F36; border: 2px solid #F19F36; }
.dhCenter a.button:hover { background: rgba(255,255,255,0); }

@media screen and (max-width: 1000px) {
  .dhCenter { width: 500px; padding: 0 40px; }
  .dhLeft, .dhRight { width: calc(50% - 250px); }
}

@media screen and (max-width: 600px) {
  .timeline { margin: 0 -10px; padding: 10px 10px 0; flex-wrap: wrap; }
  .dutchHighlights { margin: 25px -10px; width: calc(100% + 20px); }
  .timelineContent { width: 100%; margin-bottom: 0; }
  .windmill { width: 100%; margin: 0; }
  .windmill img { max-width: 250px !important; display: block; margin: 25px auto 0; }
}

@media screen and (max-width: 580px) {
  .dhLeft, .dhRight { display: none; }
  .dhCenter { width: calc(100% - 40px); padding: 0 20px; }
}

.dutchListingContainer h2 { font-family: 'missesregular'; margin: 30px 0 5px !important; font-size: 50px; line-height: 60px; }

.dutchListingItem { width: calc(33.3% - 20px); margin: 0 20px 20px 0; }
.dutchListingLink { width: calc(100% - 4px); background: #F8F9FC; text-align: center; padding: 5px 2px; height: 90px; position: relative; }
.dutchListingLink a { font-weight: 700; }

.dutchListingLinks { text-align: center; width: 100%; padding: 10px 0 0; }
.dutchListingLinks a { background: #000000; color: #FFF; text-transform: uppercase; display: inline-block; padding: 4px 20px 2px; text-decoration: none; font-weight: 700; margin: 0 5px 5px; }

.dutchListings { width: 100%; }
.dutchArrow { width: 60px; color: #FFF; font-size: 60px; line-height: 200px; text-align: center; }
.dutchArrow i { line-height: 320px; }
.dutchListingItem { width: calc(33.3% - 22px); background: #FFF; overflow: hidden; display: flex; flex-direction: column; margin: 10px; border: 1px solid #F6F6F6; }
.dutchListingImage { width: 100%; background-size: cover; background-position: center center; padding-bottom: 60%; border-bottom: 3px solid #E6D829; }
.dutchListingImage.eatDrink { border-bottom: 3px solid #F19F36; }
.dutchListingImage.stay { border-bottom: 3px solid #BD1F52; }
.dutchListingInfo { width: calc(100% - 10px); padding: 5px; }
.dutchListingInfo a { color: #000; text-transform: uppercase; font-weight: 700; text-decoration: none; }
.readMore { display: block; margin: 10px -15px -10px; background: #CCDC2A; font-weight: 700; text-align: center; width: calc(100% + 30px); padding: 2.5px 0; font-size: 16px; }
.readMore a { color: #000; text-decoration: none; margin: 2.5px 0; }
.mainListing b { margin-bottom: 10px; display: block; font-weight: 400; font-size: 14px; line-height: 20px; }

.dutchButton { text-align: center; }

@media screen and (max-width: 1000px) {
  .dutchListingItem { width: calc(100% - 20px); }
  .dutchListingLink { height: auto; }
  .dutchListingDate { position: relative; }
}
@media screen and (max-width: 700px) {
  .dutchEvents, .dutchTrending { width: 100%; margin: 0 0 20px; }
  .dutchListing { width: 100%; }
  .dutchTrending { width: 100%; }
  .dutchEvents { margin-bottom: 0; }
  .dutchListingItem { width: 100%; margin: 0 0 15px; }
  .dutchListingLinks { width: calc(100% - 10px); margin: 0 auto; }
  .dutchListingLinks a.button { margin: 0 0 5px; }
}