#manage-portfolios {
  background: url("../jpg/purpleimage.jpg") no-repeat;
  min-height: 504px;
}

#looking-for-more {
  background: url("../jpg/bluesectionlogo.jpg") no-repeat 91% 0;
  min-height: 387px;
  color: #333;
}

#getting-started {
  background: url("../jpg/redimage.jpg") no-repeat;
  min-height: 516px;
  border-top: #1793d2 solid 3px;
  border-bottom: #d53853 solid 3px;
}

#celebrate-students {
  background: url("../jpg/greenlogoimage.jpg") no-repeat 8% 0;
  min-height: 428px;
  color: #333;
}

#track-progress {
  min-height: 202px;
  background: #7e5a99;
  border-top: #60ad4c solid 3px;
  border-bottom: #1793d2 solid 3px;
  color: #fff;
}

#manage-portfolios,
#getting-started {
  background-size: cover;
}


.tsc .white {
  color: #fff !important;
}

.tsc h1,
.tsc h2 {
  text-shadow: none;
}

.tsc h1 {
  font-size: 36px;
  font-weight: 300;
  letter-spacing: 2px;
  padding-top: 80px;
}

.tsc-capsule h1 {
  padding-top: 0;
}

.tsc h2 {
  font-size: 24px;
  font-weight: 100;
  letter-spacing: 1px;
  padding-top: 3px;
  text-align: left;
}

.tsc h2.center {
  text-align: center;
}

.tsc p {
  font-size: 24px;
  line-height: 35px;
  letter-spacing: 1.2px;
}

.tsc-capsule {
  margin-top: 60px;
}

#celebrate-students .tsc-capsule {
  margin-top: 80px;
}

#track-progress .tsc-capsule {
  margin-top: 47px;
}

.tsc-capsule.pull-left {
  margin-left: 75px;
}

.tsc-capsule.pull-right {
  margin-right: 45px;
}

.tsc-capsule.pull-right h1,
.tsc-capsule.pull-right p {
  text-align: right;
}

.tsc-capsule-btns .btn {
  color: #fff;
  height: 50px;
  width: 265px;
  font-size: 19px;
  font-weight: 500;
  line-height: 34px;
  margin-left: 35px;
}

.tsc-capsule-btns .btn:first-child {
  margin-left: 0;
}

.tsc-capsule-info {
  margin: 30px 0 35px;
}

.tsc-capsule-btns .btn:hover {
  color: rgba(255,255,255,0.75);
  border-color: transparent;
}

.tsc-icon-btns {
  margin-top: 40px;
  text-align: center;
}

.tsc-btn-group {
  display: inline-table;
}

.tsc-icon-btn {
  position: relative;
  padding: 43px;
  margin: 0 3px;
  height: 218px;
  width: 215px;
}

.tsc-icon-btn:hover {
  opacity: .75;
}

#track-progress .tsc-icon-btn {
  height: 196px;
  padding: 32px 43px;
  text-align: center;
}

.tsc-icon-btn a {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  text-decoration: none; /* No underlines on the link */
  z-index: 10; /* Places the link above everything else in the div */
  background-color: #FFF; /* Fix to make div clickable in IE */
  opacity: 0; /* Fix to make div clickable in IE */
  filter: alpha(opacity=1); /* Fix to make div clickable in IE */
}

.tsc-icon-btn > div {
  color: #fff;
}

.tsc-icon-btn-icon {
  font-size: 65px;
  margin-bottom: 25px;
}

.tsc-icon-btn-txt {
  font-size: 19px;
  font-weight: 500;
  line-height: 23px;
}

.tsc-directory {
  padding: 0 10px;
}

@media (max-width: 768px) {

  .tsc-icon-btn {
    width: 100%;
    margin-bottom: 5px;
  }

}

@media (max-width: 959px) {
  #looking-for-more,
  #celebrate-students {
    background: #fff;
    min-height: 250px;
  }

  #track-progress .tsc-capsule {
    margin-bottom: 0;
  }

  .tsc-capsule,
  #track-progress .tsc-icon-btn {
    width: 100%;
    float: none !important;
    text-align: center;
  }

  .tsc-capsule.pull-left,
  .tsc-capsule.pull-right {
    margin: 60px 0;
  }

  .tsc-capsule.pull-right h1,
  .tsc-capsule.pull-right p {
    text-align: center;
  }

}

@media (max-width: 583px) {
  .tsc-capsule-btns .btn,
  .tsc-capsule-btns .btn:first-child {
    margin-left: 20px;
    margin-right: 20px;
  }

  .tsc-capsule-btns .btn:first-child {
    margin-bottom: 20px;
  }
}