.tabs {
  margin-top: 20px;
}


.tabs .tab {
  font-size: 2rem;
  color: #ccc;
}

.collection-item {
  font-size: 2rem;
}

/* Features */
#features .box {
  float: left;
  width: 50%;
  padding:10px;
  text-align:center;
}
/* Smartphones */
@media only screen and (max-width: 500px) {
  body {
    background-color: bisque;
  }
}

/* Tablet */
@media(min-width: 501px) and (max-width: 768px) {
  body {
    background-color: aquamarine;
  }
}

/* Normal */
@media(min-width: 769px) and (max-width: 1200px) {
  body {
    background-color: cornflowerblue;
  }
}

/* Widescreen */
@media(min-width: 1201px) {
  body {
    background-color: darkkhaki;
  }
}

/* Landscape */
@media(max-height: 500px) {
  body {
    background: orange;
  }
}