@import url('https://fonts.googleapis.com/css?family=Roboto+Mono:100');
html, body{
  font-family: 'Roboto Mono', monospace;
  background: #212121;
  height: 100%;
}
.container {
  height: 100%;
  width: 100%;
  justify-content: center;
  align-items: center;
  display: flex;
  flex-direction: column;
}
.text {
  font-weight: 100;
  font-size: 28px;
  color: #ffffff;
}
.dud {
  color: #757575;
}

.hero {
    display:flex;
    flex-direction: row;
    justify-content: center;
}

.hero img {
    width: 200px;
    height: 118px;
    margin-bottom: 50px;
}

.outer {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.products ul li {
  display: inline-block;
}

.products ul li img {
  height: 100px;
  opacity: 0.2;
  margin-right: 15px;
  margin-left: 15px;
}