/*** 

  css_homepage_proof_points.css
  
  Styles for the homepage proof points.
  
***/


/* Containers for college and school proof points */

.proof-points-container {
  padding: 40px 0;
}


/* Proof points */

.proof-point {
  width: 235px;
  height: 235px;
  border-radius: 50%;
  background-size: cover;
  background-color: #ccc;
}

.proof-point-link {
  display: inline-block;
  width: 100%;
  height: 100%;
  text-decoration: none;
}

.proof-point-link:hover,
.proof-point-link:active {
  text-decoration: none;
}

#college-proof-points-container .proof-point {
  background-color: #CFB991;
}

#school-proof-points-container .proof-point {
  background-color: #5b6870;
}


/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {

  .carousel-item .proof-point {
    width: 200px;
    height: 200px;
  }
  
}



/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {

  .carousel-item .proof-point {
    width: 235px;
    height: 235px;
  }

}