.main-index-tab {
  height: 90vh;
}
@media screen and (max-width: 835px) { /*Large Tablet */
  .main-index-tab {
    height: 125vh;
  }
}
@media screen and (max-width: 769px) { /*Tablet */
  .main-index-tab {
    height: 125vh;
  }
}
@media screen and (max-width: 420px) { /* Large Phone */
  .main-index-tab {
    height: unset;
  }
}
@media screen and (max-width: 380px) { /* Medium Phones */
  .main-index-tab {
    height: unset;
  }
}
@media screen and (max-width: 325px) { /* Small Phone */
  .main-index-tab {
    height: unset;
  }
}

.main-index-tab p {
  font-size: 120%;
}

.main-index-tab h6 {
  font-size: 140%;
  margin: 3% 0%;
  text-align: center;
}

.small-download-index-tab {
  height: 98%;
  padding: 3% 10%;
  text-align: center;
  position: relative;
  border: var(--border-grey);
  border-radius: 75px;
  background-color: #F8F8F8;
}
.small-download-index-tab:hover, .large-download-index-tab:hover {
    border-color: var(--highlight-color);
}

.large-download-index-tab {
  height: 98%;
  width: 90%;
  margin: 3% 5% 0 5%;
  padding: 3% 3%;
  text-align: left;
  position: relative;
  border: var(--border-grey);
  border-radius: 75px;
  background-color: #F8F8F8;
}

#downloads-explain {
  font-size: 170%;
  line-height: 120%;
  text-align: center;
}

.free-download-title, .paid-download-title {
  margin: 1% 0 3%;
}
@media screen and (max-width: 380px) { /* Medium Phones */
  .free-download-title, .paid-download-title {
    font-size: 170%;
  }
}
@media screen and (max-width: 325px) { /* Small Phone */
  .free-download-title, .paid-download-title {
    font-size: 160%;
  }
}

.paid-download-title {
  text-align: center;
}

.free-download-cover {
  width: 100%;
  height: auto;
  margin-bottom: 3%;
}

.free-download-button, .paid-download-button{
  width: 70%;
  margin: 2% 15%;
  padding: 2%;
  font-size: 160%;
  outline: none;
  border: var(--border-grey);
  border-radius: 15px;
  background: #FFF;
  transition: all linear var(--transition-time);
}
.free-download-button:hover , .paid-download-button:hover{
  width: 75%;
  padding: 2.5% 2%;
  margin: 1.5% 12.5%;
  border-color: var(--highlight-color);
}

.price-tag {
  font-size: 200%;
  font-weight: bold;
  text-align: center;
}