div   { display: flex; box-sizing: border-box; }

    .fill 	{ flex-grow: 1; }
    .hfill 	{ width: 100%; }
	  .ct		  { text-align: center; }
    .hc     { margin-left: auto; margin-right: auto; }
	  .cc 	  { justify-content: center; align-items: center; align-self: center; }	
	  .vc     { justify-content: left; align-items: center; align-self: center;  }
    .end 	  { justify-content: flex-end; align-items: center;  }
    .start 	{ justify-content: flex-start; }
    .rows 	{ flex-direction: column; }
    .circle	{ border-radius: 100%; }
    .wrap 	{ flex-wrap: wrap; }
    .right	{ align-items: right; }
    .left	{ align-items: left; }
    .debug  { border: 1px solid #000; }

  body {
  	margin: 0px;
  }

  .site_container {
    width: 100%;
    max-width: 900px;
  }
  
  .site_header {
    margin-top: 48px;
    margin-bottom: 48px;
  }
  
  .title {
    font-family: montserrat;
    font-size: 40pt;
    font-weight: 600;
  }
  
  .active {
    background-size: 0 3px, auto;
    background-repeat: no-repeat;
    background-position: center bottom;
    transition: all .1s ease-out;
    text-decoration: none;
    background-image: linear-gradient(#101076, #101076), linear-gradient(#FFF, #FFF);
    background-size: 100% 3px, auto;
    animation-timing-function: ease-in-out;
  }

  @media screen and (min-width: 950px) {
      /* Desktop */
  }

  @media screen and (max-width: 767px) {
      /* Tablet */
  }

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