.link-text {
  font-size: 1vw;
}

.noblank {
  display: block;
}

h1.name {
  font-size: 60px;
  margin-top: 110px;
}

div.screenshot {
  float: left;
  margin: 2vw;
  margin-top: 0vw;
}

iframe.screenshot {
  width: 50vw;
  height: 30vw;
}

img.screenshot {
  width: 50vw;
  height: auto;
  margin: 2vw;
  margin-top: 0vw;
  border-radius: 8px;
  box-shadow: 5px 5px 8px #444444;
  float: left;
}

.description {
  font-size: 2vw;
  text-align: justify;
  vertical-align: middle;
  margin-right: 2vw;
}

.image-and-desc {
}

.steam-link {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 646px;
  height: 190px;
  margin-bottom: 2vw;
}

.point-list {
  text-align: center;
}

.point-list > ul {
  display: inline-block;
}

div.point-list {
  margin-top: 2vw;
}

ul.point-list {
  font-size: 1.5vw;
  list-style-type: none;
  line-height: 4vw;
}

.list-image {
  height: 3vw;
  float: left;
}

@media screen and (max-width:767px) {
  .link-text { font-size:3vw; }
  h1.name { font-size: 40px; }
  img.screenshot { float: none; width: 94vw; }
  iframe.screenshot { float: none; width: 94vw; height: 60vw; }
  .description { margin-left: 2vw; font-size: 4vw;}
  .steam-link { width: 450px; height: 190px; }
  ul.point-list { font-size: 3vw; line-height: 7vw; }
  .list-image { height: 6vw; }
}