body { display: flex; flex-direction: column; justify-content: space-between; min-height: 100vh; }
h1,
h2{ color: var(--secondary-color); }
a { color: var(--primary-color); }
a:hover { color: var(--secondary-color); }

.container-fluid.navigatie{ box-shadow: 0 0 10px rgb(0 0 0 / 15%); margin-bottom: 30px; }

.container-fluid.navigatie .navbar{ justify-content: center; }
.container-fluid.navigatie .navbar-brand{ margin-right: 0; }

.block.content.title{ text-align: center; }

.block.html.contactgegevens table tr td:nth-child(1){ width: 30px; }
.block.html.contactgegevens i{ color: var(--secondary-color); }

.block.html.openingstijden table tr td:nth-child(1){ width: 150px; }

.block.html.socials{ text-align: center; font-size: 1.5rem; margin-top: 50px; margin-bottom: 25px; }
.block.html.socials > a{ margin: 0 5px; }

.container-fluid.endpage{ background: var(--primary-color); }


/* ============================================
		MOBIEL
=============================================*/

@media (min-width: 1400px){
	.container{ max-width: 1320px; }
}


/* --------------------------------------- */
@media only screen and (max-width: 1399px) {
  h1{ font-size: 2.5rem; }
  h2{ font-size: 1.75rem; }
}

/* --------------------------------------- */
@media only screen and (max-width: 1199px) {
  h1{ font-size: 2rem; }
}

/* --------------------------------------- */
@media only screen and (max-width: 991px) {
  h1{ font-size: 1.75rem; }
  h2{ font-size: 1.5rem; }
}

/* --------------------------------------- */
@media only screen and (max-width: 767px) {
  body{ font-size: 1rem; }
  h1{ font-size: 1.5rem; }
  h2{ font-size: 1.25rem; }
}

/* --------------------------------------- */
@media only screen and (max-width: 575px) {
  .content.title { text-align: left; }
}

/* --------------------------------------- */
@media only screen and (max-width: 479px) {

}