.wrap1, .wrap2, .wrap3, .wrap4, .wrap5 {
    text-align: center;

    padding-top: 5px;
    margin: 30px 0 10px 0;
  }
  
  .wrap1 {
   
    border-top: 7px solid #CEB888;

  }
  
   .wrap2 {
   
    border-top: 7px solid #b7b309;

  }
  
   .wrap3 {
   
    border-top: 7px solid #f7971e;

  }
  
   .wrap4 {
   
    border-top: 7px solid #7ecfe0;

  }
  
   .wrap5 {
   
    border-top: 7px solid #d9db56;

  }


  /*@media (max-width: 768px) {*/
  /*  .wrap1, .wrap2, .wrap3,  {*/

  /*  }*/
  /*}*/


    
  h3 {
      padding-top:1px;
      margin-top:0;
      font-size:24px;
      
  }
    
      .wrap1 h3 {
      color:#CEB888;
    
   
    }
    
      .wrap2 h3 {
      color: #b7b309;

    }
    
       .wrap3 h3 {
      color: #f7971e;
    }
    
       .wrap4 h3 {
      color: #7ecfe0;

    }
    
        .wrap5 h3 {
      color: #d9db56;

    }

      .report-list-heading {
        text-decoration: none !important;
      }

  .wrap1:hover {
    border-top: 7px solid black;
    transition: .5s ease;

  }
  
   .wrap2:hover {
    border-top: 7px solid black;
    transition: .5s ease;
  }
  
    .wrap3:hover {
    border-top: 7px solid black;
    transition: .5s ease;
  }
  
      .wrap4:hover {
    border-top: 7px solid black;
    transition: .5s ease;
  }
  
      .wrap5:hover {
    border-top: 7px solid black;
    transition: .5s ease;
  }

    .image {
      opacity: 1;
      display: block;
      width: 100%;
      height: auto;
      transition: .5s ease;
      /*backface-visibility: hidden;*/
    }

    .middle {
      transition: .5s ease;
      opacity: 0;
      position: absolute;
      top: 55%;
      left: 50%;
      transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      text-align: center;
    }

    .wrap1:hover .image {
      opacity: 0.3;
    }

    .wrap1:hover .middle {
      opacity: 1;
      
    }
    
     .wrap2:hover .image {
      opacity: 0.3;
    }
    
    .wrap2:hover .middle {
      opacity: 1;
      
    }
    
   .wrap3:hover .image {
      opacity: 0.3;
    }

    
    .wrap3:hover .middle {
      opacity: 1;
    }
    
    .wrap4:hover .image {
      opacity: 0.5;
    }

    .wrap4:hover .middle {
      opacity: 1;
    }
    
 
         .wrap5:hover .image {
      opacity: 0.3;
    }
     .wrap5:hover .middle {
      opacity: 1;
    }
    

    .wrap1text, .wrap2text, .wrap3text, .wrap4text, .wrap5text {
     
      color: black;
      font-size: 16px;
      padding: 7px 10px;
    }
    
     .wrap1text {
      background-color: #2cb0a5;
     
    }

    
     .wrap2text {
      background-color: #b7b309;
     
    }
    
       .wrap3text {
      background-color: #f7971e;
     
    }
    
        .wrap4text {
      background-color: #7ecfe0;
     
    }
    
        .wrap5text {
      background-color: #d9db56;
     
    }

  
    
    .carousel-item {
  height: 65vh;
  min-height: 300px;
  background: no-repeat center center scroll;
 

}

.carousel-inner > .item.next.left, .carousel-inner > .item.prev.right, .carousel-inner > .item.active {
    left: 0;
    bottom: -40%; /* <= Exchange bottom value for this <= */

    height:auto;
    width: 100%;


}

.item {

height:auto;
overflow:visible;
}

.carousel-caption {
    
   
    background: rgba(0, 0, 0, 0.5);
}

.col-xs-15 {
    width: 20%;
    float: left;
}

@media (min-width: 768px) {
.col-sm-15 {
        width: 20%;
        float: left;
    }
}

@media (min-width: 992px) {
    .col-md-15 {
        width: 20%;
        float: left;
    }
}

@media (min-width: 1200px) {
    .col-lg-15 {
        width: 20%;
        float: left;
    }
}
.nav-navbar {position: relative !important; z-index: 9999 !important;}

.profile .content-background{
	background-color: #DDD;
    position: relative;
	width: 300px;
	max-width: 100%;
	margin: auto;
}
.profile .content-wrap{
	position: relative;
	text-align: center;
	width: 100%;
}
.profile p{
    padding: 0;
    text-decoration: none;
    font-weight: normal;
}
.profile img{
	width: 100%;
	display: block;
    border-radius: 50%;
}

.staff-info{
	padding: 20px 10px 30px 10px;
}
.staff-info .staff-assistant-name{
	color: #B1810B;
}

.staff-info .staff-name{
	color: #B1810B;
	font-weight: bold;
	font-size: 110%;
}

.staff-info .staff-title{
	font-weight: bold;
}
.staff-details-header{
	text-align: center;
	padding: 10px 0 20px 0;
}
@media (max-width:768px){
	.staff-details-header{
		display:none;
	}
	
}	
	
.staff-details-header .staff-name{
	color: #B1810B;
	font-size: 250%;
	padding: 5px;
}

.staff-details-header .staff-title{
	font-size: 130%;
	padding: 5px;
}

.staff-details{
	margin-top: 30px;
}

.purdue-new-gold-header {
    
  background-color:#CFB991;
  color:#000;
    
}

.caption {
 line-height: 8px;
 font-size:18px;
}
}