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

/*Navbar*/
@font-face {
    font-family: NeoTech;
    src: url("fontFamily/NeoTech.otf") format("opentype");
}
.socialContainer {
  font-family: NeoTech;
}
.widthh {
  width: 100%;
}
@media (max-width: 768px) {
  .widthh {
    width: 100%;
    margin:0;
  }
}
body {
  font-family: 'Open Sans', sans-serif;
  background-image: url("../media/bgbg.jpg");
  background-size: contain;
}

body .navbar {
  border-bottom: 3px solid #E2007A;
}

.hero {
  background: #2E4694;
}

.hero h1 {
  font-size: 4em;
}

.tekstHeader {
  color: #E2007A;
  background: #FFFFFF;
  background: lightgrey;
  border-top-right-radius: 4em;
  border-bottom-right-radius: 4em;
  font-weight: bold;
}

.kernwoorden {
  font-family: 'Pacifico', cursive;
  /* background: #2E4694; */
}

.woordwolkItem1 {
  color: #2E4694;
  margin-top: 15%;
  font-size: 2.2em;
  transform: rotate(320deg);
  display: inline-block;
}

.woordwolkItem2 {
  margin-top: -10%;
  font-size: 2.2em;
  transform: rotate(90deg);
  color: #E2007A;
  margin-left: 40%;
  display: inline-block;
}

.woordwolkItem3 {
  font-size: 2.2em;
  margin-left: 25%;
  color: #E2007A;
  display: inline-block;
}

.woordwolkItem4 {
  font-size: 1.6em;
  margin-top: 3%;
  margin-left: 20%;
  color: #E2007A;
  display: inline-block;
}

.woordwolkItem5 {
  font-size: 2em;
  margin-left: 35%;
  display: inline-block;
  color: #2E4694;
}

.woordwolkItem6 {
  margin-left: 5%;
  margin-top: 18%;
  transform: rotate(300deg);
  color: #E2007A;
  display: inline-block;
  font-size: 2em;
}

.woordwolkItem7 {
  margin-left: 35%;
  color: #E2007A;
  font-size: 2.2em;
  display: inline-block;
}

.woordwolkItem8 {
  margin-left: 10%;
  font-size: 2.2em;
  color: #2E4694;
  display: inline-block;
}

.woordwolkItem9 {
  color: #E2007A;
  display: inline-block;
  font-size: 1.8em;
  margin-left: 20%;
}

.woordwolkItem10 {
  margin-left: 55%;
  font-size: 1.8em;
  display: inline-block;
  color: #2E4694;
}

.watDoeIkBlockHeader {
  color: #424694;
  font-weight: bold;
}

.quote {
  background: #2E3694;
}

.quote span {
  color: #E2007A;
}

.footerHeader {
  color: #E2007A;
}

.footer {
  background: #2E4694;
}

.socialHolder {
  font-size: 14px;
}

@media (max-width: 1500px) {}

@media (max-width: 1200px) {
  .socialHolder {
    font-size: 12px;
  }

}

@media (max-width: 992px) {
  .socialHolder {
    font-size: inherit;
  }
  body {
    background: none;
  }

  .kernwoorden {
    font-size: 0.55em;
    border-radius: 0;
    text-align: center;
  }
  .kernwoorden br {
    display: none;
  }

  .portret {
    margin-top: 20%;
  }

  .woordwolkItem1 {
    transform: rotate(0deg);
    display: flex;
    margin: 0;
    padding: 0;
  }

  .woordwolkItem2 {
    transform: rotate(0deg);
    display: flex;
    margin: 0;
    padding: 0;
  }

  .woordwolkItem3 {
    margin: 0;
    padding: 0;
  }

  .woordwolkItem4 {
    margin: 0;
    padding: 0;
    font-size: 2.2em;
  }

  .woordwolkItem5 {
    margin: 0;
    padding: 0;
  }

  .woordwolkItem6 {
    transform: rotate(0deg);
    margin: 0;
    padding: 0;
  }

  .woordwolkItem7 {
    margin: 0;
    padding: 0;
  }

  .woordwolkItem8 {
    margin: 0;
    padding: 0;
  }
  .woordwolkItem9 {
    margin: 0;
    padding: 0;
  }

  .woordwolkItem10 {
    margin: 0;
    padding: 0;
  }
}

@media (max-width: 768px) {}

@media (max-width: 576px) {}