.navbar {
  flex-direction: column-reverse;
  width: 375px;
}

.navbar h1 {
  font-size: 25px;
  margin-bottom: 10px;
}

.navbar a {
  font-size: 12px;
  padding: 5px 5px 0;
}

.hero {
  height: 40vh;
}


.hero .content h1 {
  font-size: 25px;
}

.hero .content p {
  font-size: 16px;
}

.btn {
  padding: 5px 20px;
}

.hero .content .btn {
  position: absolute;
  bottom: 20px;
}

/* Channels */
#channels {
  background-color: #243624;
  color: #fff;
}

.channel-items {
  padding: 10px;
  margin: 5px;

  color: #fff
}

.channel-items div {
  margin-bottom: 60px;
}

.channel-items img {
  width: 180px;
  border-radius: 50%;
}

.channel-items h4 {
  font-size: 1.8rem;
  padding: 10px 10px 0;
}

.channel-items p {
 padding: 0;
}







.footer p {
  font-size: 80%;
}