/* ========= Add site-specific styles here ========= */
 .page-header h1{
}
 #announcement {
	 padding: 20px;
	 margin-bottom: 0px;
}
/* ========= landing homepage ========= */
 #masthead {
	 background: url("/writing-center/_images/banner-images/patrick-fore-381200-3.jpg") fixed;
	 background-color: #000;
	 /*padding: 80px 0px 200px 0px;*/
	 background-repeat: no-repeat;
	 height: auto;
	 position: relative;
	 background-size: cover;
	 margin-bottom: 0px;
}
 #masthead .uhwcContact {

	
	 color: #ffffff;
	 font-size: 1rem;
	/*margin-top: 70px;
	*/
	 line-height: 17px;
}
 #masthead h2 {
	 color: #ffffff !important;
	 font-family: "League Gothic",sans-serif;
	 font-size: 5rem;
	 font-weight: normal;
	 line-height: 0.95em;
	 letter-spacing: 0px;
	 margin: 0px 0px 5px -0.03125;
	 text-transform: uppercase;
	 
}
 #masthead h3 {
	 color: #f2f2f2;
	 font-size: 3rem;
}
 #masthead p a {
	 color: #F6BE00;
}
/*Bio Fading Picture */
 .bioul{
	 list-style-type: none;
	 padding: 0;
	 margin: 0;
}
 .bioli{
	 padding: 1%;
	 text-align: center;
}
 .biocontainer {
	 position: relative;
	 width: 100%;
}
 .bioimage {
	 display: block;
	 width: 100%;
	 height: auto;
}
 .biooverlay {
	 position: absolute;
	 top: 0;
	 bottom: 0;
	 left: 0;
	 right: 0;
	 height: 100%;
	 width: 100%;
	 opacity: 0;
	 transition: .5s ease;
	 background-color: #C8102E;
}
 .biocontainer:hover .biooverlay {
	 opacity: 1;
}
 .biotext {
	 color: white;
	 font-size: 20px;
	 position: absolute;
	 top: 50%;
	 left: 50%;
	 transform: translate(-50%, -50%);
	 -ms-transform: translate(-50%, -50%);
	 display: block;
	 overflow: auto;
	 height: 100%;
	 width: 100%;
	 color: #fff;
	 font-size: 16px;
	 line-height: 20px;
	 text-align: center;
}
/*Bio Fading Picture */
 @media only screen and (max-width: 700px) {
	 #masthead h2{
		font-size: 4rem;
	}
	#masthead h3{
		font-size: 2rem;
	}
}

.sched{
   
        display: block;
      padding-top: 15px;
      padding-bottom: 15px;
      padding-right: 5px;
      padding-left: 5px;
     border-radius: 10px;
     width: 18%;
    text-align: center;
  

      background-color: rgb( 0,179,136);
      
    }
    .sched:hover {
        
        
        background-color: #C8102E;
    }
    
    .sched > a > span{
      color: #FFF9D9;
      font-size: 1.5em;
     
       padding-top: 15px;
      padding-bottom: 15px;
     
    }
   
   
    @media (max-width: 1567px)
    {
        .sched{
           
            width: 20%;
            
        }
         .sched > a > span{
             font-size: 1.3em;
           
         }
        
    }
    
      @media (max-width: 770px)
    {
        .sched{
          
            left: 13rem;
           width: 60%;
           top: 330px;
          
        }
        
        .sched > a > span{
            
            font-size: 1.1em;
    
         }
        
    }