main li a[href*=".pdf"]:before, main td a[href*=".pdf"]:before, main p a[href*=".pdf"]:before, main .panel-body a[href*=".pdf"]:before {
	 content: "";
	 display: inline-block;
	 margin-right: .2em;
	 background: url(/images/icons/pdf-icon-small.gif);
	 background-position: center center;
	 background-repeat: no-repeat;
	 background-size: contain;
	 width: 15px;
	 height: 15px;
}

#intro {
    overflow:visible;
    padding: 3.375rem 0;
    text-align: right;
    background-color:#f5f5f5;
}

#intro p {
    color:#000000;
    max-width:600px;
}

#intro a {
    color:#c8102e;
    position:relative;
    font-size: 24px;
    padding:7px 12px;
    margin-right:1rem;
    display:inline-block;
    text-decoration:none;
}

#intro a:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #960c22;
    transition: 0.15s ease-in-out;
    color:#FFF;
    text-decoration:none;
}

#intro h1 { 
            display: flex; 
            color: black;
              margin-top:0;
    color:#000;
        } 
  
        #only-here::before { 
            content: "A SUCCESS"; 
            animation: animate infinite 7s; 
            padding-left: 10px; 
        } 
  
        @keyframes animate { 
  
            0% { 
                content: "A SUCCESS"; 
            } 
  
            15% { 
                content: "GREAT";
                color: #00866c;
            } 
  
            30% { 
                content: "AWESOME";
                color: #960c22;
            } 
            
            45% { 
                content: "A SUPERHERO";
                
            }
            
            60% { 
                content: "THE FIRST TO GRADUATE"; 
                color:#d89b00;
            }
            
            80% {
                content: "THE FIRST TO GRADUATE"; 
                color:#960c22;
            }
        }



#intro h1 span {
    color:#222;
}


@media (min-width:768px) {
    
    

   
   #intro a span {
       position:relative;
       z-index:2;
       transition: 0.15s ease-out;
   }
    
    #intro a:hover span {
        color:#333;
            color:#FFF;
    text-decoration:none;
    }
    
    #intro a:hover:before {
        height: 100%;
            color:#FFF;
    text-decoration:none;
    }   
    
    
}

@media (min-width:1500px){
    #intro h1 {
        font-size: 6.5rem;
    }
}

@media (min-width:900px) {
    #intro {
        background: url(https://uh.edu/cse/first-gen/images/banner-gradient-1.png) right center no-repeat;
        background-size:cover;
        padding: 12rem 0;
}

}