@media only screen and (max-width: 700px) {

    input, ul.menu_buttons {
        display: none;
    }

    label {
        position: relative;
        display: block;
        cursor: pointer;
    }

    .label_style{
        line-height: 56px;
        color: white;
        text-decoration: none;
        text-transform: uppercase;
        border: 2px solid white;
        border-radius: 18px;
        padding-left: 8px;
        padding-right: 8px;
        font-family: "Uncut";
        font-size: 16px;
    }

    .black.label_style{
        color: white;
        border: 2px solid white;
    }

    input:checked ~ ul.menu_buttons {
        display: block;
        height: fit-content;
        background-color: #252525;
        padding-top: 16px;
        padding-bottom: 16px;
        width: 100vw;
        text-align: center;
        padding-left: 0px;
        position: fixed;
        top: 56px;
        left: 0px;
    }

    .close{
        display: none;
    }

    input:checked ~ .labelmenu {
        display: none;
      }
    
      input:checked ~ .close {
        display: block;
      }
   
  
    li.menu_button {
        display: block;
        line-height: 56px;
        padding-left: 0px;
        padding-right: 32px;
        padding-left: 16px;
        text-align: left;
    }

    .menu_button:nth-last-child(1) {
        padding-right: 32px;
        padding-left: 16px;
    }

    input:checked ~ ul.menu_buttons.positive {
        background-color: #E0E0E0;
      }

      input:checked ~ .black.label_style {
        color: purple;
    }

    a.query_button{
        color: white;
        border: 2px solid white;
    }
    
    a.query_button:hover {
        background-color: white;
        color: #252525;
        box-shadow: 0 0px 8px 8px white;
        border: 2px solid transparent;
    }
    

}