/*Algemene opmaak*/
@font-face {
 font-family: "KaushanScript-Regular";
 src: url("/templates/cassiopeia/fonts/KaushanScript-Regular.ttf") format("truetype");
}
body {
  font-family: "KaushanScript-Regular";
}
.page-header {
  display: none;
}
p {
  font-size: 1.5rem;
  text-align: center;
  font-family: "KaushanScript-Regular";
}
h1 {
  text-align: center;
  font-size: 2.5 rem;
  font-family: "KaushanScript-Regular";
}
h5 {
  text-align:center;
  font-family: "KaushanScript-Regular";
  font-size: 2rem;
}
ul {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  list-style-type: none;
}
li {
  font-size: 1.2rem;
}
.footer {
    color: #000;
    background-color: transparent;
    background-image: none;
    margin-top: 0.5rem;
    border-top-style: double;
}

@media (width < 500px) {
 .card {
   width: 95%;
 } 
}
@media (width >= 500px) {
  .card{
    width: 45%;
  }
}
.card {
  border: none;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  border-radius: 800px 100px 100px 200px;
}
.card img {
  opacity: 75%;
}
/*Menu naast logo*/
.header.container-header.full-width {
	display: grid;
	grid-template-columns: minmax(0,1fr) repeat(4,minmax(0,19.875rem)) minmax(0,1fr);
	grid-gap: 0 1em;
	align-items: center;
}
.container-header .grid-child:first-child {
	grid-column: 2/2;
}
.container-header .container-nav {
	grid-column: 3/5;
}
/*opmaak home-page*/
body {
    background-image: url(/images/achtergrond-opacity.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}
/*Opmaak header*/
.container-header {
  z-index: 10;
  background-color: #fff;
  background-image: none;
  position: relative;
  box-shadow: none;
}
.container-header .grid-child {
    padding: 0;
    margin: 0;
    background-color: #fff;
}
.container-header .mod-menu {
  color: #000;
}
@media (width >= 500px) {
  .brand-logo img {
    height: 150px;
    width: auto;
  }
}
@media (width < 500px) {
  .header.container-header.full-width.position-sticky.sticky-top {
    display: inline-block;
  }
  .brand-logo img {
    width: 250px;
    height: auto;
  }
}
.navbar-brand {
  margin-left: auto;
  margin-right: auto;
}
.container-header .mod-menu>li {
  position: relative;
  font-weight: bold;
  font-size: larger;
}
/*Opmaak menu*/
@media (width >= 992px) {
    .container-header .mod-menu {
        flex-direction: row;
        flex: 1;
        display: flex;
        color: #000;
        margin-left: 2rem;
        font-size: large;
    }
  .grid-child.container-nav {
    margin: 0 auto;
  }
}