/* landscape*/
@media (min-aspect-ratio: 11/8) {
  .hide-landscape {
    display: none
  }
  .background {
    min-height: 100vmin;
  }
  .inhoud {
    max-width: 80%;
  }
  .tagline {
  max-width: 40vw;
  }
  html {
    margin-right: calc(100% - 100vw);
  }
  
  @media (min-width: 0px) {
    .headertext {
      font-size: calc( 1.25rem - 5px);
    }
  }
  
  @media (min-width: 400px) {
    .headertext {
      font-size: calc( 1.25rem - 5px + 6.66vw - 26.66px);
    }
  }

  @media (min-width: 700px) {
    .headertext {
      font-size: calc( 1.25rem + 15px + 1.875vw - 13px);
    }
  }

  @media (min-width: 1500px) {
    .headertext {
      font-size: calc( 1.25rem + 30px);
    }
  }
  
  @media (max-width: 400px) {
    .tagline {
      font-size: 0.8rem;
    }
  }
  
    @media (min-width: 400px) {
    .tagline {
      font-size: calc( 0.8rem + 2.5vw - 10px);
    }
  }

  @media (min-width: 700px) {
    .tagline {
      font-size: calc( 0.8rem + 7.5px + 0.83vw - 5.83px);
    }
  }

  @media (min-width: 1000px) {
    .tagline {
      font-size: calc( 0.8rem + 10px + 2vw - 20px);
    }
  }

  @media (min-width: 1500px) {
    .tagline {
      font-size: calc( 0.8rem + 20px);
    }
  }
  
  @media (min-width: 500px) {
    p, .link {
      font-size: calc( 1rem + 0.5vw - 2.5px);
    }
  }

  @media (min-width: 1500px) {
    p, .link {
      font-size: calc( 1rem + 5px);
    }
  }
  
}

/*portrait*/
@media (max-aspect-ratio: 11/8) {
  .hide-portrait {
    display: none
  }
  .background {
    min-height: 50vmin;
  }
  .tagline {
    max-width: 60vw;
  }
  
  @media (min-width: 400px) {
    .headertext {
      font-size: calc( 1.25rem + 7.5vw - 30px);
    }
  }
  
  @media (min-width: 1000px) {
    .headertext {
      font-size: calc( 1.25rem + 45px);
    }
  }
  
  @media (max-width: 400px) {
    .tagline {
      font-size: 1rem;
    }
  }
  
  @media (min-width: 400px) {
    .tagline {
      font-size: calc( 1rem + 3.33vw - 13.33px);
    }
  }
  
  @media (min-width: 1000px) {
    .tagline {
      font-size: calc( 1rem + 20px);
    }
  }
  
  @media (min-width: 500px) {
    p, .link {
      font-size: calc( 1rem + 2vw - 10px);
    }
  }

  @media (min-width: 1500px) {
    p, .link {
      font-size: calc( 1rem + 20px);
    }
  }
  
  @media (min-width: 500px) and (min-height: 1000px) {
    p, .link {
      font-size: calc( 2rem + 3vw - 15px);
    }
  }

  @media (min-width: 1500px) and (min-height: 1000px) {
    p, .link {
      font-size: calc( 2rem + 30px);
    }
  }
  
    @media (min-width: 500px) {
    h2 {
      font-size: calc( 1.5rem + 2vw - 10px);
    }
  }

  @media (min-width: 1500px) {
    h2 {
      font-size: calc( 1.5rem + 20px);
    }
  }
  
  @media (min-width: 500px) and (min-height: 1000px) {
    h2 {
      font-size: calc( 2.5rem + 3vw - 15px);
    }
  }

  @media (min-width: 1500px) and (min-height: 1000px) {
    h2 {
      font-size: calc( 2.5rem + 30px);
    }
  }
  
}

@media (max-width: 1024px) {
  .backgroundhome {
    background-image: url("afbeeldingen/ECB.jpg");
  }
}

@media (min-width: 1024px) {
  .backgroundhome {
    background-image: url("afbeeldingen/ECBl.jpg");
  }
}

@media (min-height: 683px) and (min-width: 683px) {
  .backgroundhome {
    background-image: url("afbeeldingen/ECBl.jpg");
  }
}

* {
  font-family: 'Cairo', sans-serif;
  line-height: 1.5;
}

h1 {
  font-family: 'Libre Baskerville', serif;
  font-size: 1.25rem;
  font-weight: normal;
  margin: 10px;
}

@media (min-width: 500px) {
  h1 {
    font-size: calc( 1.25rem + 1vw - 5px);
  }
}

@media (min-width: 1500px) {
  h1 {
    font-size: calc( 1.25rem + 10px);
  }
}

h2 {
  font-weight: 600;
}

p {
  text-align: justify;
}

.background {
  background-color: rgba(179, 191, 206, 1);
  max-width: 1500px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.backgroundhome {
  background-repeat: no-repeat;
  background-position: center-top;
  background-size: cover;
  max-width: 1500px;
  height: 100vmin;
  position: center;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.scroller {
  background-image: url("afbeeldingen/ECBbg.jpg");
  background-attachment: fixed;
  background-size: contain;
}

.headertext {
  background-color: rgba(179, 191, 206, 0.6);
  color: white;
  float: left;
  margin-top: 6vh;
  margin-left: 10vw;
}

.menutext {
  color: white;
  font-weight: 600;
  text-align: right;
  top: 0;
  right: 0;
  position: absolute;
}

.menulink {
  text-decoration: none;
  line-height: 2;
}

.home .homelink {
  display: none;
}

.tagline {
  color: white;
  font-family: 'Libre Baskerville', serif;
  margin-left: 6vw;
  float: left;
}

.inhoud {
  float: left;
  clear: left;
  margin-left: 6vw;
  margin-right: 6vw;
  margin-top: 6vw;
  margin-bottom: 10vw;
}

.overimg {
  float: right;
  width: 20vw;
  padding-left: 3vw;
}

.optrimg {
  float: right;
  width: 20vw;
  padding-left: 3vw;
}

.item {
  margin-bottom: 6vw;
}

.publicatieimg {
  height: 30vmin;
  padding-right: 2vw;
}

.publicatieimgl {
  height: 40vmin;
  padding-right: 2vw;
}

.link {
  color: white;
}

.gegevens {
  text-decoration: none;
  line-height: 2.5;
}

.clear {
  clear: both;
}