.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:8px 16px;
    margin: 1rem 1rem 0 0;
    border: 1px solid #c8102e;
    display:inline-block;
    transition:.1s;
}

#intro a:hover, #intro a:active {
    color:#FFF;
    background-color:#c8102e;
    border: 1px solid #960c22;
}

#intro h1 {
    margin-top:0;
    text-transform:uppercase;
}


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

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

}

#upcoming-events {
    border-bottom: 1px dotted #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;
}

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

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

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

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

#feature-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-bottom: none;
    border-top:none;
}

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

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

#feature-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;
}

.tab-content {
    width:100%;
}

.tab-content>.active {
    display: flex;
    flex-direction: column;
}


#dimension-icons {
    background-color: #222;
}

#dimension-icons-container {
    display:flex;
    flex-direction:row;
    height: 100%;
    margin:0;
    border:none;
    justify-content:center;
}

#dimension-icons-container li {
    margin:0;
    float:none;
    flex:1;
}

#dimension-icons a {
    color: #afafaf;
    margin:0;
    font-size:20px;
    line-height:1;
    border:none;
    border-radius:0;
    padding:15px 0;
}

#dimension-icons-container > li.active {
    background-color:#000;
}

#dimension-icons-container > li.active > a, #dimension-icons-container > li.active > a:hover, #dimension-icons-container > li.active > a:focus {
    color: #00b388;
    cursor: default;
    background: none;
}

#dimension-icons-container > li > a:hover, #dimension-icons-container > li > a:focus {
    color: #00b388;
    background: none;
}


#dimension-icons a i {
    position:relative;
    top:25%;
    text-align:center;
    width: 100%;

}

.wellness-model {
    text-transform:uppercase;
    display: inline-block;
    margin-top: 0;
}

#dimension-highlight  {
        display:flex;
        flex-direction:column;
        overflow:hidden;
        background: none;
        font-size: 16px;
        line-height: 1.6rem;
    }
    
#dimension-highlight h3 {
    font-size:80px;
    text-transform:uppercase;
} 
    
#dimension-content a, #dimension-content a:focus {
    color: #fff;
    text-decoration: none;
}

#dimension-content a:hover {
    color: #fff;
    text-decoration: underline;
}

#dimension-content p {
    margin-bottom:0;
    color:#afafaf;
    font-size: 1.15rem;
}
    
#dimension-content {
    padding: 2rem 1.25rem;
    color: #fff;
    background-color: #222;
    order:2;
    flex:1;
}

#dimension-img {
    background-position:center center;
    background-repeat:no-repeat;
    background-size: cover;
    background-color:#222;
    padding-top:50%;
    order:1;
    flex:2;
}  



@media (min-width:768px){
    
.tab-content>.active {
    flex-direction: row;
}
    
#dimension-highlight  {
    flex-direction:row;
    border-radius: 8px;
    font-size: inherit;
    line-height: inherit;
}
    
#dimension-icons-container li {
    max-height: 42.5px;
} 

   
#dimension-icons a {
    position: relative;
    padding: 0 1rem;
    height: 100%;
}

#dimension-icons-container {
    flex-direction:column;
    border-right:1px solid #000;
}
    
#dimension-img {
    padding-top:0;
    order:2;
}  

#dimension-content {
    padding: 5rem;
    order:1;
    min-width:500px;
}
    
}


#newsletter {
    padding-top:0;
    text-align:center;
    position:relative;
    overflow:visible;
    margin-top: 3.375rem;
}

#newsletter .fa-envelope-open-text {
    color: #f6be00;
    background-color: #FFF;
    font-size: 40px;
    width: 80px;
    height: 80px;
    border: 1px solid #e9e9e9;
    border-radius: 100%;
    line-height: 75px;
    position: absolute;
    top: -40px;
    left: calc(50% - 40px);
}

#newsletter h2 {
    margin:0;
    display:block;
}

.newsletter-content {
    display:block;
    border: 1px solid #e9e9e9;
    border-radius:4px;
    padding: 4.125rem 1.125rem 3rem 1.125rem;
    background: linear-gradient(124.92066062765957deg, rgba(255, 255, 255,1) 10.214759924892705%,rgba(254, 254, 254,1) 10.214759924892705%,rgba(245, 245, 245,1) 97.07002509963213%);
}

.newsletter-content p span {
border-bottom: 1px dotted #f6be00;
}

.subscribe {
    display: inline-block;
    background-color: #c8102e;
    border:1px solid #c8102e;
    color: #FFF;
    padding: 10px 20px 8px 20px;
    border-radius: 25px;
    transition: .2s;
}

.subscribe:hover, .subscribe:active, .subscribe:focus {
    background-color: #960c22;
    border-color:#640817;
    color: #FFF;  
}

.subscribe .fas {
    margin-right:1.125rem;
}

#wellness-model{
    display:none;
}