* {
  box-sizing: border-box;
  font-family: "ff-meta-web-pro", sans-serif;
  font-weight: 400;
  font-style: normal;
  color:black;
  margin:0;
  padding:0;
  cursor:e-resize;
  -webkit-user-select:none;
  user-select:none;
  font-size:24px;
}

#column {
  width:100%;
  max-width:740px;
  position: relative;
  left: 50%;
  margin-right: -50%;
  transform: translate(-50%, 0%);
  padding:10px;
}

#frame {
  height:75vw;
  max-height:555px;
  margin-bottom:10px;
  margin-top:40px;
  padding:10px;

}

.slide {
  width:auto;
  height:100%;
  background-repeat:no-repeat;
  background-size:contain;
  background-position:center;
  display:flex;
  justify-content:center;
  align-items:center;
  line-height:1.5;
  color:white;
}

.counter {
  float:right;
}

@media screen and (max-width:600px) {
    * {
    font-size:16px;
    }
}