@charset "utf-8";
/* CSS Document */

    
.testimonial {
  border: 1px solid #ccc;
  background-color: #eee;
  border-radius: 5px;
  padding: 30px;
  margin: 16px 0
}

.testimonial img {
  border-radius: 50%; margin-bottom: 20px; border: 1px solid #666;
}
.testimonial span {
  font-size: 26px;
}


.hero1 { 
    position: relative; 
    min-height: 600px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-image: url('https://www.regis.org/images/2000x600_facade.jpg');
    background-size: cover; margin-top: 30px;
}

.hero1::before {
    content: "";
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    background-color: rgba(0,0,0,0.85);
}
    
    .planned_hero{
  width:100%;
  overflow:hidden;
  background:#ebebeb url(/images/pg_banner.jpg) no-repeat scroll center;
  background-size:cover;
}

.planned_marketing{
  color:#fff;
  width:60%;
  padding:10% 5% 5%;  
}

.planned_marketing h1{
  font-size:60px;
  line-height:1em;  
  margin:0 0 45px;
  padding:0;
  font-weight:normal;
  text-transform:none;
  color:inherit;
  text-align:center;
}

.planned_marketing h1 em{
  text-transform:uppercase;
  font-size:1.3em;
  display:block;
  margin:0;
  font-style:normal;
  font-weight:bold;
}

.planned_marketing ul{
  list-style:none;
  margin:0;
  padding:0;
  color:inherit;
  font-size:20px;
  line-height:1.25;
  font-weight:400;
}

.planned_marketing li{
  padding:0 10px 15px;
  border-left:1px solid #fff;
  display:table-cell;
  width:32%;
  vertical-align:top;
}

.planned_marketing li:first-child{border-left:0 none;}
    
    .givingBox {font-size: 1.2em; line-height: 1.6em; color: #555;}
    .givingBox h2 {font-size: 1.6em;}
    .well{min-height: 450px;}
    
.btn-bottom-wrapper {position:relative;bottom: 20px;width: 100%;margin-top:50px;}
    

    
    
    
    @media only screen and (max-width: 900px) {
          .planned_marketing h1{
          font-size:40px;
          line-height:1em;  
          margin:50px 0px 10px;
          padding:0;}
        
        .planned_marketing{
          color:#fff;
          width:60%;
          padding:40% 5% 15%;  
        }

            .planned_marketing ul{ display: none;}
        
        
    }