@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@400&display=swap');
@media all {
  body {
    padding: 0;
    margin: 0;
    font-family: 'Nunito', sans-serif;
    font-weight: 600;
    color: #1D5482;
	background-image: url("TerneuzenHotels_landingspagina.jpg");
	background-repeat: no-repeat;
    background-size: cover;
	background-position: center;
  }
	.logo-top {
		display: block;
		margin-left: auto;
		margin-right: auto;
		margin-top: 2rem;
		padding-bottom: 8rem;
	}
  .link a {
    text-decoration: none;
    color: #ffffff;
  }
  h1, h2 {
    font-weight: 400;
  }
  .animatie {
    -webkit-box-shadow: 5px 5px 15px 5px #000000;
    box-shadow: 1px 3px 15px 1px #999999;
    width: 100%;
  }
  .link a h2 {
	background: #8F2A12;
	width: 180px;
	margin: 70px;
	padding: 5px;
	font-weight: 300;
  }
  .link a h3 {
	background: #4d9898;
	width: 150px;
	margin: 0px;
	padding: 10px;
	font-weight: 400;
	font-size: 13pt;
	border-radius: 10px;
	}
  #header {
    width: auto;
  }
  #main {
    display: block;
    height: auto;
    min-height: 550px;
    width: 100%;
    text-align: center;
  }
  #hotels {
    display: block;
    max-width: 820px;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    padding: 50px;
  }
  .hotel1 {
    display: block;
    max-width: 468px;
    min-width: 170px;
    height: 250px;
    padding: 50px;
    float: left;
  }
  .hotel2 {
    display: block;
    max-width: 468px;
    min-width: 170px;
    height: 250px;
    padding: 50px;
    float: right;
  }
  .clear {
    clear: both;
    display: block;
    width: 100%;
    height: 1px;
  }
  #footer {
    display: block;
    height: 250px;
    width: 100%;
    background: #ffffff;
    background-image: url("footer.jpg");
	background-size: cover;	
    background-position: top;
  }
}
@media all and (max-width: 680px) {
  .hotel1, .hotel2 {
    float: none;
    padding-top: 0px;
  }
}