@import url('../css/reset.css');
header .head {
  width: 100%;
  justify-content: start;
}
#content {
  width: 100%;
  padding: 20px 40px;
}
#content .game_list {
  display: grid;
  grid-template-columns: repeat(9, minmax(50px, 1fr));
  grid-gap: 15px;
}
#content .game_list .game_item {
  position: relative;
}
#content .game_list .game_item .coverlink {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
#content .game_list .game_item .game_cover {
  width: 100%;
  box-shadow: 0px 7px 8px 0px #A4BBD6, inset 0px 5px 15px 0px #1276DA;
  border-radius: 24px 24px 24px 24px;
  border: 4px solid #FFFFFF;
}
#content .game_list .game_item:hover {
  transform: scale(1.1);
  transition: 0.3s;
}
footer .foot_t .foot_t_c {
  width: 100%;
}
footer .foot_t .foot_t_c .privacy {
  margin-bottom: 0;
  justify-content: center;
}
footer .foot_t .foot_t_c .privacy a {
  margin-right: 48px;
}
footer .foot_t .foot_t_c .privacy a:last-child {
  margin-right: 0;
}
@media screen and (max-width: 1300px) {
  #content .game_list {
    grid-template-columns: repeat(8, minmax(50px, 1fr));
  }
}
@media screen and (max-width: 1200px) {
  #content .game_list {
    grid-template-columns: repeat(7, minmax(50px, 1fr));
  }
}
@media screen and (max-width: 1000px) {
  #content .game_list {
    grid-template-columns: repeat(5, minmax(50px, 1fr));
  }
}
@media screen and (max-width: 768px) {
  #content .game_list {
    grid-template-columns: repeat(3, minmax(50px, 1fr));
  }
}
