:root {
  --jumbotron-padding-y: 3rem;
}

.jumbotron {
  padding-top: var(--jumbotron-padding-y);
  padding-bottom: var(--jumbotron-padding-y);
  margin-bottom: 0;
  background-color: #fff;
}
@media (min-width: 768px) {
  .jumbotron {
    padding-top: calc(var(--jumbotron-padding-y) * 2);
    padding-bottom: calc(var(--jumbotron-padding-y) * 2);
  }
}

.jumbotron p:last-child {
  margin-bottom: 0;
}

.jumbotron-heading {
  font-weight: 300;
}

.jumbotron .container {
  max-width: 40rem;
}

footer {
  padding-top: 3rem;
  padding-bottom: 3rem;
}

footer p {
  margin-bottom: .25rem;
}

.card-img-top {
    object-fit: cover;
    height: 200px;
}

.row-flex {
    display: flex;
    flex-flow: row wrap;
}

.game-frame {
  width: 100%; 
  height: calc(100vh - 50px);
}

.game-title {
  margin-bottom: 30px;
}

.metrika {
  margin-top: 10px;
}

.reklama {
  margin-top: 10px;
  margin-bottom: 10px;
}