.pop_menu{ display: none; position: fixed; width: 100%; height: 100%; 
    background: rgba(0, 0, 0, 0.8); z-index: 100; }
.cont_closed{ width: 5%;
    position: fixed;
    top: 2%;
    margin-left: 90%; }
.cont_closed img{ width: 100%; cursor: pointer; }   

.drawer_menu{ width: 60%; background: #ffffff; height: 100%; left: 0; }
.drawer_button{ padding-top: 5%; padding-bottom: 5%; padding-left: 5%; border-bottom: 2px solid #f3f9fa; }
.drawer_button:hover{ background: #b6e7ea; cursor: pointer; }
@media (min-width: 1200px) {
  .cont_closed{ width: 2%; margin-left: 95%;  }
  .drawer_menu{ width: 25%; }   
  .drawer_button{ padding-top: 3%; padding-bottom: 3%; padding-left: 3%; }
}