@media screen and (max-width:1200px) {
  #section_container {
    width: 100%;
  }

  .card_container {
    grid-template-columns: repeat(1, 1fr);
    width: 600px;
  }

  .info_guide_popup .popup_container {
    top: 10%;
    height: 358px;
    min-height: 22%;
  }
}

@media screen and (max-width:799px) {
  #section_container {
    width: 800px;
  }

  .card_container {
    grid-template-columns: repeat(1, 1fr);
    width: 600px;
  }

}