html, body {
  font-family: 'Helvetica Neue', helvetica, sanserif;
  margin: 0;
}

.inner-container {
  overflow: hidden;
  padding: 0 14%;
}

.inner-container * + * {
  margin-top: 5%;
}

.header {
  color: #FFD209;
  text-align: center;
  font-size: 6vw;
  line-height: 76vh;
}

.box {
  border: 10px solid blue;
  width: 200px;
  height: 200px;
  clear: both;
  float: left;
}

.box--round {
  border-radius: 100%;
}

.box--right {
  float: right;
}

.box--alt-color-1 {
  border-color: magenta;
}

.img {
  position: relative;
  height: 0;
  padding-top: 60%;
  overflow: hidden;
  width: 100%;
  float: left;
  clear: both;
}

.img > img {
  max-width: 100%;
  position: absolute;
  top: 0;
  left: 0;
}