.nav-breadcrumb {
    margin-bottom: -3.5rem;
}

#intro {
    border-bottom: 1px solid #e9e9e9;
    overflow:visible;
    padding: 3.375rem 0;
}

#intro a {
    position:relative;
    font-size: 24px;
    padding:7px 12px;
    margin-right:1rem;
    display:block;
}

#intro h1 {
    margin-top:0;
}


@media (min-width:768px) {
    
    #intro a {
        display:inline-block;
    }
    
    #intro a:before {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 1px;
        background-color: #c8102e;
        transition: 0.15s ease-in-out;
    }
   
   #intro a span {
       position:relative;
       z-index:2;
       transition: 0.15s ease-out;
   }
    
    #intro a:hover span {
        color:#f5f5f5;
    }
    
     #intro a:hover:before {
        height: 100%;
    }   
    
    
}

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

@media (min-width:900px) {
    #intro {
        background: url(https://www.uh.edu/cse/_images/banner.jpg) left center no-repeat;
        background-size:cover;
        padding: 6rem 0;
}

}

#upcoming-events {
    border-bottom:1px solid #e9e9e9;
}

#upcoming-events .section-grid {
    margin: 2.25rem -1.125rem 0 -1.125rem;
    width: calc(100% + 2.25rem);
}

#upcoming-events .grid-image-wrapper {
    border-radius: 8px;
    overflow: hidden;
}

#scholarships-list li {
    display:flex;
    flex-direction:column;
}

#scholarships-list li > a {
    background-color:#000;
    border-radius:5px 5px 0 0;
}

#scholarships-list img {
    border-radius:4px 4px 0 0;
    transition:.2s;
}

#scholarships-list img:hover {
    opacity:.75;
}

#scholarships-list h3 {
    color: #2c2c2c;
    background-color: #FFF;
    margin: 0;
    padding: 2rem 2rem .5rem 2rem;
    font-family: Milo;
    font-weight: 700;
    font-size: 1.4rem;
    line-height: 1.55rem;
    border: 1px solid #e9e9e9;
    border-radius: 4px 4px 0 0;
    border-bottom: none;
}

#scholarships-list h3 a {
    color:inherit;
}

#scholarships-list h3 a:hover {
    text-decoration: underline;
}

#scholarships-list p {
    background-color: #FFF;
    padding: 0 2rem 2rem 2rem;
    color: #747474;
    font-size: 15px;
    line-height: 1.4rem;
    border-radius: 0 0 4px 4px;
    flex:auto;
    border: 1px solid #e9e9e9;
    border-top: none;
    margin-bottom:0;
}

#testimonials .section-grid {
    margin: 1.25rem 0;
}

#testimonials {
    position: relative;
    margin: 3rem 0;
}

#testimonials p {
    font-size:24px;
    font-style:italic;
    text-align:center;
    max-width:1200px;
    margin-left:auto;
    margin-right:auto;
}

#testimonials p.author {
    font-size:18px;
    font-style:normal;
    position:relative;
    padding-top:15px;
}

#testimonials p.author:before {
    content:'';
    display:block;
    position:absolute;
    top:0;
    width:60px;
    height:1px;
    left:50%;
    margin-left:-30px;
    border-top:1px dashed #9A9B9F;
}

.fa-quote-left {
    font-size: 45px !important;
    width: 100px;
    text-align: center;
    color: rgba(0,0,0,.1);
    background: none;
    position: absolute;
    top: 10px;
    left: 50%;
    margin-left: -50px;
}

#news-list li {
    display:flex;
    flex-direction:column;
}

#news-list li > a {
    background-color:#000;
    border-radius:5px 5px 0 0;
}

#news-list img {
    border-radius:4px 4px 0 0;
    transition:.2s;
}

#news-list img:hover {
    opacity:.75;
}

#news-list h3 {
    color: #2c2c2c;
    background-color: #FFF;
    margin: 0;
    padding: 2rem 2rem .5rem 2rem;
    font-family: Milo;
    font-weight: 700;
    font-size: 1.4rem;
    line-height: 1.55rem;
}

#news-list h3 a {
    color:inherit;
}

#news-list h3 a:hover {
    text-decoration: underline;
}

#news-list p {
    background-color: #FFF;
    padding: 0 2rem 2rem 2rem;
    color: #747474;
    font-size: 15px;
    line-height: 1.4rem;
    border-radius: 0 0 4px 4px;
    margin-bottom:0;
    flex:auto;
}

#join-cse  {
        display:flex;
        flex-direction:column;
        overflow:hidden;
        background-color: #FFF;
        font-size: 16px;
        line-height: 1.4rem;
        margin-top: -4rem;
    }
    
#join-cse h2 {
    font-size:120px;
} 
    
#join-content a, #join-content a:focus {
    color: #fff;
    text-decoration: underline;
}

#join-content a:hover {
    color: #f6be00;
    text-decoration: underline;
}

#join-content p {
    margin-bottom:0;
    color:#afafaf;
}
    
 #join {
    overflow:visible;
}   

#join-content {
    padding: 2rem;
    color: #fff;
    background-color: #222;
    order:2;
}

#join-img {
    background: url('https://www.uh.edu/cse/_images/join-uep-banner.jpg') center center no-repeat;
    background-size: cover;
    padding-top:50%;
    order:1;
}  

@media (min-width:768px){
    
#join-cse  {
        flex-direction:row;
        border: 1px solid #e9e9e9;
        border-radius: 8px;
        font-size: inherit;
        line-height: inherit;
    }
    
#join-img {
    padding-top:0;
    order:2;
}  

#join-content {
    padding: 5rem;
    order:1;
}
    
}

#staff img {
    width:100%;
    border-radius:8px;
    }
    
#staff .section-grid p {
    font-size: 18px;
    line-height: 1.5rem;
}

#contact-us {
    border-top:1px solid #e9e9e9;
}

#contact-us h2 {
    display:block;
    margin-bottom:1.125rem;
}