@media screen and (max-width: 1200px) {
  .index_hero,
  .menu_hero,
  .contact_hero {
    height: 35vh;
  }
  p {
    font-size: 1.7rem;
  }
  nav {
    flex-direction: column;
    position: absolute;
    right: 0;
    left: auto;
    width: 25rem;
    height: 70vh;
    z-index: 1200;
    background-color: #0a2920;
    transform: translateX(100%);
    transition: all 0.3s ease-out;
    border-bottom-left-radius: 3px;
  }
  .burger {
    display: block;
  }
  .nav_links {
    margin-top: 5rem;
    flex-direction: column;
    min-width: auto;
  }
  .nav_links li {
    margin-bottom: 2.5rem;
  }
  .gallery_burger_color div {
    background-color: #fff;
  }
  .container_nav {
    width: 100%;
  }
  .logo_inside_nav {
    display: none;
  }
  .mobile_bar_and_logo {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .container_nav {
    flex-direction: column;
  }
  .block .block_text {
    padding: 2.5rem 2.5rem 2rem 2.5rem;
  }
  .block .block_text .block_text_title {
    margin-bottom: 2rem;
  }
  .wiederluege p {
    font-size: 1.9rem;
  }
  .index_block_meetings_one .block_text {
    width: 60%;
  }
  .index_block_meetings_one .block_foto {
    width: 40%;
  }
  .overons_block_one {
    flex-direction: column;
  }
  .overons_block_one .block_text {
    width: 100%;
  }
  .overons_block_one .block_foto {
    width: 100%;
    height: 30rem;
  }
  .overons_block_one .block_foto img {
    -o-object-position: 50% 25%;
    object-position: 50% 25%;
  }
  #menukaart_geheel .menu_button {
    width: 25rem;
    margin-bottom: 1.5rem;
    font-size: 2rem;
  }
  .menukaart_items_info p {
    width: 90%;
  }
  .contact_address_box {
    width: 80%;
  }
  .contact_inside_box_left {
    width: 70%;
  }
  .contact_choice_buttons div {
    width: 80%;
    margin: 0 auto;
  }
  .footer_left_and_right {
    padding: 0 1rem;
    width: 90%;
  }
  .footer_left {
    width: 50%;
  }
  .footer_right {
    margin-left: 3rem;
    width: 50%;
  }
  .tel_mail a {
    pointer-events: auto;
  }
}
@media screen and (max-width: 899px) {
  .break {
    display: block;
  }
  .a_button,
  .button {
    font-size: 1.8rem;
    padding: 0.5rem 2rem;
  }
  .button_snelnaar {
    margin-top: 0.5rem;
    width: 175px;
  }
  .block {
    flex-direction: column;
  }
  .block .block_text {
    padding: 2.5rem 1.5rem 2rem 1.5rem;
    width: 100%;
  }
  .block .block_foto {
    width: 100%;
    height: 30rem;
  }
  .index_block_two .block_text p {
    padding: 0;
  }
  .index_block_four .block_foto img {
    -o-object-position: 50% 60%;
    object-position: 50% 60%;
  }
  .index_block_five .block_foto img {
    -o-object-position: 50% 70%;
    object-position: 50% 70%;
  }
  #ietstevieren_geheel .block_text p {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
  .ec_fondue {
    width: 100%;
  }
  .wiederluege_container {
    padding: 1.5rem;
  }
  .index_block_meetings_one .block_text {
    width: 100%;
  }
  .index_block_meetings_one .block_foto {
    width: 100%;
  }
  .index_block_meetings_three {
    flex-direction: column-reverse;
  }
  .index_block_meetings_three .block_text {
    text-align: center;
  }
  .index_block_meetings_three .block_text div {
    width: 100%;
  }
  #menukaart_geheel .menu_button,
  #kaasfondue_geheel .menu_button {
    width: 18rem;
    margin-bottom: 1.5rem;
    font-size: 2rem;
  }
  #menukaart_geheel .menu_kaasfondue_button,
  #kaasfondue_geheel .menu_kaasfondue_button {
    font-size: 2.1rem;
    width: 18rem;
    margin-bottom: 1.5rem;
  }
  #menukaart_geheel #snelders,
  #kaasfondue_geheel #snelders {
    font-size: 1.8rem;
  }
  .menukaart_items_outside_box {
    flex-direction: column;
    -moz-column-gap: 0;
    column-gap: 0;
    width: 100%;
  }
  .menukaart_items_left,
  .menukaart_items_right {
    width: 100%;
  }
  .menukaart_items_info p {
    width: 95%;
    font-size: 1.9rem;
  }
  .menukaart_items_titel p {
    width: 95%;
    font-size: 1.6rem;
  }
  .contact_forms_and_information {
    flex-direction: column;
  }
  .contact_address_box {
    width: 40%;
  }
  .contact_address_box_logo {
    width: 100%;
    margin: 0 auto;
  }
  .hero {
    height: 30rem;
  }
  .contact_inside_box_right {
    width: 100%;
    margin-top: 4.5rem;
  }
  .contact_inside_box_left {
    width: 100%;
  }
  .contact_choice_buttons div {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 90%;
  }
  .contact_choice_buttons div:nth-child(2) {
    margin-top: 3rem;
  }
  .contact_choice_buttons p {
    margin-top: 1rem;
  }
  .footer_left_and_right {
    width: 100%;
  }
  .footer .footer_left p,
  .footer .footer_left label,
  .footer .footer_left input,
  .footer_right p,
  .footer_right label,
  .footer_right input {
    font-size: 1.5rem;
  }
  .footer_right {
    width: 40%;
  }
  #nieuwsbrief_form input {
    min-width: 20rem;
  }
  #nieuwsbrief_form label {
    min-width: 10rem;
  }
  .footer_logo {
    right: 2rem;
    bottom: 1rem;
  }
  .footer_logo img {
    height: 4rem;
  }
  .gesloten h1 {
    font-size: 30px;
  }
}
@media screen and (max-width: 599px) {
  p {
    font-size: 1.6rem;
  }
  .button_snelnaar {
    font-size: 1.7rem;
    padding: 0.2rem 1.2rem;
  }
  .block .block_text h2 {
    font-size: 2.2rem;
  }
  .block .block_foto {
    height: 30rem;
  }
  #overlay h1 {
    font-size: 2.5rem;
  }
  .overlay_logo {
    width: 80%;
  }
  .overlay_contact {
    margin-top: 5rem;
    font-size: 2rem;
  }
  nav {
    width: 20rem;
  }
  .container {
    padding: 0 1rem;
  }
  .menu_item h4 {
    font-size: 1.9rem;
  }
  .menu_item p {
    font-size: 1.6rem;
  }
  .menu_item_description {
    width: 70%;
  }
  .menu_item_price {
    white-space: nowrap;
    margin-left: 1rem;
  }
  .menu_item_description_high_tea {
    width: 100%;
  }
  .contact_address_box {
    width: 60%;
  }
  .contact_choice_buttons {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .contact_choice_buttons div {
    width: 100%;
  }
  .contact_choice_buttons > button:nth-child(2) {
    margin-bottom: 2rem;
  }
  .footer_left_and_right {
    flex-direction: column;
    align-items: center;
  }
  .footer_left,
  .footer_right {
    margin: auto;
    width: 100%;
  }
  .footer_left {
    margin-bottom: 2rem;
  }
  .footer_left button {
    width: 15rem;
    margin-top: 2rem;
  }
  #nieuwsbrief_form {
    width: 100%;
    margin: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  #nieuwsbrief_form label {
    min-width: 20%;
  }
  #nieuwsbrief_form input {
    min-width: 60%;
  }
  #nieuwsbrief_form .nieuwsbrief_form_fields {
    width: 100%;
  }
  #nieuwsbrief_form .nieuwsbrief_form_fields div {
    display: flex;
    justify-content: space-between;
  }
  .footer_right {
    text-align: center;
  }
  .footer_social_buttons {
    margin-top: 1rem;
    margin-bottom: 1rem;
  }
  .footer_logo {
    display: none;
  }
  .footer_bottom {
    width: 27rem;
  }
}
@media screen and (max-width: 435px) {
  .break_2 {
    display: block;
  }
  .container {
    padding: 0 0.5rem;
  }
  .nav_links {
    font-size: 2.1rem;
  }
  .snel_naar {
    margin-top: 2rem;
  }
  .snel_naar h2 {
    font-size: 2rem;
  }
  #kaasfondue_geheel h1 {
    font-size: 2rem;
    padding: 0.2rem 0.5rem 0 0.5rem;
  }
  .index_block_meetings_three .block_text p {
    font-size: 2rem;
  }
  .menukaart_items_info p {
    font-size: 1.8rem;
  }
  .contact_address_box {
    width: 80%;
  }
  #contactform h1 {
    font-size: 2.2rem;
  }
  .hero {
    height: 25rem;
  }
  .contactform_email_phone {
    flex-direction: column;
  }
  .contactform_email_phone .contactform_phone {
    margin: auto;
  }
  .contactform_button {
    font-size: 1.9rem;
  }
  .contact_choice_buttons h2 {
    font-size: 2.1rem;
  }
  .contactform {
    font-size: 1.7rem;
  }
} /*# sourceMappingURL=mediaQueries.css.map */