/* Shared */

.additional {
  width: 100%;
}

.additional > .col {
  float: left;
  margin-top: 37.5px;
}

.additional > .col > .title,
.additional > .col > .info {
  text-align: center;
}

.additional > .col > .info span {
  font-size: 12px;
  font-weight: 300 !important;
}

.content > .description a,
.content > .description a:hover {
  color: #555 !important;
}

.content > .description a,
.additional > .col > .info > a {
  position: relative;
  text-decoration: none;
  color: black;
}

.content > .description a:before {
  background-color: #555 !important;
}

.content > .description a:before,
.additional > .col > .info > a:before {
  content: "";
  position: absolute;
  width: 0;
  height: 1px;
  bottom: 1px;
  left: 0;
  background-color: black;
  visibility: hidden;
  transition: 0.3s all ease-in-out;
}

.content > .description a:hover:before,
.additional > .col > .info > a:hover:before {
  visibility: visible;
  width: 100%;
  z-index: 0;
}

@media (min-width: 750px) {
  .additional > .col {
    width: 33.333%;
  }
}

@media (min-width: 475px) and (max-width: 749px) {
  .additional > .col:nth-child(1),
  .additional > .col:nth-child(2) {
    width: 50%;
  }

  .additional > .col:nth-child(3) {
    width: 100%;
  }
}

@media (max-width: 474px) {
  .additional > .col {
    width: 100%;
  }
}

/* Learnova🌌 */

@media (min-width: 551px) and (max-width: 813px) {
  /* 162px = (72px * 0.5) + 72px + (72px * 0.75) */
  #learnova > .item.full > .content {
    padding-top: 162px !important;
  }
}

@media (min-width: 451px) and (max-width: 550px) {
  /* 135px = (60px * 0.5) + 60px + (60px * 0.75) */
  #learnova > .item.full > .content {
    padding-top: 135px !important;
  }
}

@media (min-width: 309px) and (max-width: 450px) {
  /* 108px = (48px * 0.5) + 48px + (48px * 0.75) */
  #learnova > .item.full > .content {
    padding-top: 108px !important;
  }
}

@media (max-width: 308px) {
  /* 108px = (48px * 0.5) + 48px + 48px + (48px * 0.75) */
  #learnova > .item.full > .content {
    padding-top: 156px !important;
  }
}

/* Oscar Health */

@media (min-width: 901px) {
  #oscar-health > .item:nth-child(2) > .title {
    width: 260px;
    right: calc(-260px / 4);
  }

  #oscar-health > .item:nth-child(3) > .title {
    width: 240px;
    left: calc(-240px / 4);
  }

  #oscar-health > .item:nth-child(4) > .title {
    width: 320px;
    right: calc(-320px / 4);
  }

  #oscar-health > .item:nth-child(5) > .title {
    width: 260px;
    left: calc(-260px / 4);
  }

  #oscar-health > .item:nth-child(6) > .title {
    width: 400px;
    right: calc(-400px / 4);
  }

  #oscar-health > .item:nth-child(7) > .title {
    width: 300px;
    left: calc(-300px / 4);
  }
}

@media (min-width: 550px) and (max-width: 900px) {
  #oscar-health > .item:nth-child(2) > .title {
    width: 220px;
    right: 0;
  }

  #oscar-health > .item:nth-child(3) > .title {
    width: 190px;
    left: 0;
  }

  #oscar-health > .item:nth-child(4) > .title {
    width: 260px;
    right: 0;
  }

  #oscar-health > .item:nth-child(5) > .title {
    width: 210px;
    left: 0;
  }

  #oscar-health > .item:nth-child(6) > .title {
    width: 320px;
    right: 0;
  }

  #oscar-health > .item:nth-child(7) > .title {
    width: 250px;
    left: 0;
  }
}

@media (min-width: 551px) and (max-width: 641px) {
  /* 162px = (72px * 0.5) + 72px + (72 * 0.75) */
  #oscar-health > .item.full > .content {
    padding-top: 162px !important;
  }
}

@media (min-width: 451px) and (max-width: 534px) {
  /* 135px = (60px * 0.5) + 60px + (60px * 0.75) */
  #oscar-health > .item.full > .content {
    padding-top: 135px !important;
  }
}

@media (max-width: 427px) {
  /* 108px = (48px * 0.5) + 48px + (48px * 0.75) */
  #oscar-health > .item.full > .content {
    padding-top: 108px !important;
  }
}

/* March Madness Prediction */

@media (min-width: 900px) {
  /* -134.375px = -50px + (-168.75px / 2) */
  #march-madness-prediction.project > .item.right.no-link > .title {
    margin-right: -134.375px;
  }

  #march-madness-prediction.project > .item.left.no-link > .title {
    margin-left: -134.375px;
  }
}

@media (min-width: 550px) and (max-width: 899px) {
  /* -120.313px = -50px + (-140.625px / 2) */
  #march-madness-prediction.project > .item.right.no-link > .title {
    margin-right: -120.313px;
  }

  #march-madness-prediction.project > .item.left.no-link > .title {
    margin-left: -120.313px;
  }
}

@media (min-width: 901px) {
  /* 252px = (72px * 0.75) + 72px + 72px + (72px * 0.75) */
  #march-madness-prediction > .item.full > .title {
    width: 600px;
    height: 252px !important;
  }

  #march-madness-prediction > .item.full > .content {
    padding-top: 252px;
  }
}

@media (min-width: 780px) and (max-width: 900px) {
  /* 162px = (72px * 0.5) + 72px + (72px * 0.75) */
  #march-madness-prediction > .item.full > .content {
    padding-top: 162px !important;
  }
}

@media (min-width: 551px) and (max-width: 779px) {
  /* 234px = (72px * 0.5) + 72px + 72px + (72px * 0.75) */
  #march-madness-prediction > .item.full > .content {
    padding-top: 234px !important;
  }
}

@media (min-width: 451px) and (max-width: 550px) {
  /* 195px = (60px * 0.5) + 60px + 60px + (60px * 0.75) */
  #march-madness-prediction > .item.full > .content {
    padding-top: 195px !important;
  }
}

@media (max-width: 451px) {
  /* 156px = (48px * 0.5) + 48px + 48px + (48px * 0.75) */
  #march-madness-prediction > .item.full > .content {
    padding-top: 156px !important;
  }
}

/* Be Mindful Beverages */

@media (min-width: 901px) {
  /* 252px = (72px * 0.75) + 72px + 72px + (72px * 0.75) */
  #be-mindful-beverages > .item.full > .title {
    width: 600px;
    height: 252px !important;
  }

  #be-mindful-beverages > .item.full > .content {
    padding-top: 252px !important;
  }
}

@media (min-width: 551px) and (max-width: 900px) {
  /* 162px = (72px * 0.5) + 72px + (72px * 0.75) */
  #be-mindful-beverages > .item.full > .content {
    padding-top: 162px !important;
  }
}

@media (min-width: 451px) and (max-width: 550px) {
  /* 135px = (60px * 0.5) + 60px + (60px * 0.75) */
  #be-mindful-beverages > .item.full > .content {
    padding-top: 135px !important;
  }
}

@media (min-width: 315px) and (max-width: 450px) {
  /* 108px = (48px * 0.5) + 48px + (48px * 0.75) */
  #be-mindful-beverages > .item.full > .content {
    padding-top: 108px !important;
  }
}

@media (max-width: 314px) {
  /* 156px = (48px * 0.5) + 48px + 48px + (48px * 0.75) */
  #be-mindful-beverages > .item.full > .content {
    padding-top: 156px !important;
  }
}