@media (max-width: 1599px)
{
  .head { padding-left: 42%; }
}

@media (max-width: 1124px)
{
  :root { --page-horizontal-padding: 80px; }
  .menu_logo { width: 200px; background-position-x: 20px }
  .menu_item { margin-right: 18px; }
  .head { padding-left: 44%; }
  .head_title span { letter-spacing: 8px; }
  .head_list { margin-left: 20px; font-size: 15px; }
}

@media (max-width: 1049px)
{
  :root { --page-horizontal-padding: 64px; }
  .head_title { font-size: 38px; letter-spacing: 4px; }
  .head_list { font-size: 15px; } /* -- */
  .head_button_text { font-size: 11.5px; }
  .head_button_arrow { height: 40px; }

  .foot_logo { margin-left: 50px; margin-right: 60px; }
}

@media (max-width: 999px)
{
  .head { padding-left: 46%; }
  .head_title { font-size: 34px; letter-spacing: 4px; }
  .head_list { font-size: 15px; letter-spacing: 0px; }
  .menu_items { font-size: 12px; }
}

@media (max-width: 949px)
{
  :root { --page-horizontal-padding: 50px; }

  .menu_items { display: none; } .menu_logo { width: 100%; background-position: center; }

  /*.head { padding-top: calc(var(--menu-height) + 180px); }*/
  .head { padding-left: 330px; padding-bottom: 40px; }
  .head_title { margin-top: 80px; font-size: 28px; }
  .head_list { margin-left: 0px; letter-spacing: 0.5px; }
  .head_button { margin-top: 30px; }

  .head img { top: calc(var(--menu-height) + 75px); width: 180px; aspect-ratio: 1; padding: 16px; margin-top: 0px; background-color: var(--white-color); border-radius: 50%; }

  .page_decoration { background-position-x: right 30px; }

  .card { width: 98%; margin-left: 0%; }
  .listitem_title { font-size: 16px; }

  #mijn-visie .page_decoration { background-position-x: left 30px; }
}

@media (max-width: 849px)
{
  .head img { width: 160px; left: 40px; }
  .head { padding-left: 280px; }
  .head_list { letter-spacing: 0px; }
  .head_listitem_symbol { width: 9px; height: 9px; margin-right: 10px; }

  #welkom .card_head { color: var(--accent-color); border-color: var(--accent-color); }
  #welkom img { width: 120px; }
  #welkom h4 { width: calc(100% - 160px); color: var(--black-color); font-size: 15px; font-weight: 400; }

  .card { width: 100%; margin: 0; padding: 8% 8%; background: transparent; box-shadow: none; padding: 0% 6%; }
  .card::before { display: none; }
  .card::after { display: none; }
  .card_head { margin-bottom: 40px; color: #FFFFFF; border-color: #FFFFFF; }

  .listitem { background-color: #FFFFFF; padding: 26px 30px; border: 0px; border-radius: 5px; }
  .listitem_icon { width: 50px; }
  .listitem_title { font-size: 15px; }
  .listitem_content { margin-left: 20px; }

  .publication { font-size: 15px; }

  #contact .card_head { border-bottom-width: 0px; }
}

@media (max-width: 749px)
{
  .head { padding: calc(var(--menu-height) + 330px) 13% 50px 13%; }
  .head img { top: calc(var(--menu-height) + 40px); left: 50%; width: 220px; padding: 30px; margin-left: -140px; }
  .head_title { margin-top: 60px; text-align: center; font-size: 36px; }
  .head_list { width: fit-content !important; margin: 0 auto; }
  .head_button { margin-top: 50px; }
  .head::before { display: none; }

  .page_content { width: 80% !important; }
  .page_decoration { width: calc( (0.5 * (var(--window-width) - var(--page-width))) + (0.2 * var(--page-width)) ); }
  .page_header { font-size: 230%; }
  .page_subheader { font-size: 140%; }

  .card { padding: 0% 3%; }

  .membership { font-size: 15px; }
  .publication { background-size: 32px; padding-left: 50px; }

  .foot_content { width: 100%; }
  .foot_content > div { float: none; }
  .foot_logo { margin: 40px auto 40px auto; }
  .foot_text_left { width: fit-content; margin: 0 auto; text-align: center; }
  .foot_text_right { width: fit-content; margin: 0 auto; text-align: center; }

  #mijn-visie .page_content { margin-left: 20%; }
  #kwalificaties .page_subheader { max-width: 80%; }
}

@media (max-width: 699px)
{
  #welkom img { display: none; }
  #welkom h4 { width: 100%; margin-left: 0px; font-size: 16px; }
}

@media (max-width: 674px)
{
  .page_header { font-size: 210%; }
  .page_subheader { font-size: 130%; }
  .card { padding: 0%; }

  .badges { width: fit-content; margin: 0px; }
  .badge { width: 220px; background-size: 45px; }
  .badge_title { font-size: 16px; }
  .badge_detail { font-size: 15px; }

  .quali_caption { font-size: 18px; }
  .timeline, .timeline_segment_caption { font-size: 15px; }
  .timeline_segment_caption { width: 50px; } 
}

@media (max-width: 599px)
{
  .head { padding-left: 8%; padding-right: 6%; }
  .head_title { font-size: 28px; }

  .page_content { width: 100% !important; }
  .page_decoration { display: none; }
  .page_subheader { font-size: 110%; line-height: 170%; }

  .card_head { font-size: 26px; }

  .badge { width: 190px; }

  .quali_caption, .timeline, .memberships, .publications { width: 100%; }

  .max600 { display: block; }

  #mijn-visie .page_content { margin-left: 0%; }
  #kwalificaties .page_subheader { max-width: 100%; }
}

@media (max-width: 499px)
{
  :root { --page-default-padding: 75px; --page-horizontal-padding: 35px; }
  .head img { width: 200px; padding: 20px; margin-left: -120px; }
  .head_title { margin-top: 0px; font-size: 24px; opacity: 1; animation: none; }
  .head_list { max-width: 90%; white-space: normal; font-size: 16px; letter-spacing: 1px; opacity: 1; animation: none; }
  .head_listitem_symbol { width: 11px; height: 11px; margin-right: 16px; }
  .head_button { display: none; }

  .page { text-align: left; }
  .card_head { font-size: 24px; }

  .badge { width: 160px; }
  .badge_title { font-size: 15px; }
  .badge_detail { font-size: 14px; }

  .quali_caption { font-size: 16px; margin-top: 30px; }
  .timeline, .timeline_segment_caption, .membership, .publication { font-size: 14px; }
  .timeline_segment_caption { width: 40px; }
  .membership { background-size: 16px; background-position-y: top 12px; padding-left: 24px; }

  #werkwijze .listitem_icon { margin-right: 20px; margin-bottom: 10px; }
  #werkwijze .listitem_content { float: none; width: auto; margin: 0; padding: 0;  }
  #contact img { margin: 0 auto; }
}

@media (max-width: 399px)
{
  :root { --page-default-padding: 50px; --page-horizontal-padding: 20px; }
  .head_title { font-size: 22px; letter-spacing: 3px; } .head_title span { text-transform: none; }
  .head_list { max-width: 95%; font-size: 15px; letter-spacing: 1px; }

  #welkom h4 { font-size: 15px; }
  .card_head { font-size: 22px; }

  .listitem { padding: 24px 20px 24px 20px; }
  .listitem_content { margin-left: 16px; }

  .timeline, .timeline_segment_caption, .membership, .publication { font-size: 13px; }
  .publication { background-size: 24px; padding-left: 40px; font-size: 13px; }
}

@media (max-width: 379px)
{
  .head_title { font-size: 20px; letter-spacing: 2px; } .head_title span { text-transform: none; font-size: 13px; }
  .badge { width: 130px; }
  .badge_title { font-size: 13px; }
  .badge_detail { font-size: 12px; }
}

@media (max-width: 349px)
{
  .head_list { font-size: 14.5px; letter-spacing: 0px; }
}