.grid-date-wrapper {top: 0;}

.no-gutter > [class*='col-'] {
    padding-right:0;
    padding-left:0;
}


@media (min-width:768px){
.page-section {padding:6rem 0;}
}

.page-section h2 {
    color: #54585a;
    font-family: 'League Gothic', sans-serif;
    font-size: 50px;
    font-weight: normal;
    line-height: .95em;
    letter-spacing: 0;
    margin: 30px 0 15px 0;
    padding: 0;
    text-transform: uppercase;
    position: relative;
	z-index: 0;}
	
	
	

.page-header h1:before {display:none;}


#events img {
    border-radius:4px;
}

#events .section-grid h3 {
    font-family: 'milo';
    font-size: 1.5rem;
    font-weight: bold;
    margin-bottom: 0;
}


/*#intro {padding-bottom:0;}*/
#intro img {display:block; margin:0 auto; max-width:150px;}
#intro .section-grid {margin-top:0;}
#intro .section-grid p {font-size:inherit; margin: 1.125rem 0;}


@media screen and (min-width: 768px){
.cover-photo .caption-wrapper {bottom:0;}
.page-header h1 {background:none; display:block;text-align:center; font-size:10rem; opacity:.8;}
}

@media screen and (min-width: 992px){
#intro img {display:block; margin:0 0 0 auto; max-width:150px;}
.page-header h1 {font-size:12rem;}
}

@media screen and (min-width: 1320px){
.page-header h1 {font-size:20rem;}
}

	
	

#portal {overflow:visible;}

#metrics {
    text-align:center;
    color:#54585a;
    border-top:1px solid #e9e9e9;
}

#metrics .section-grid {
    margin: 2.25rem -1.25rem;
}

#metrics .fa {
    display: block;
    text-align: center;
    color: #000;
    font-size: 60px;
    margin-bottom: 15px;
    opacity:.15;
    
}
    
#metrics .number {
display: block;
    font: 6.5rem 'League Gothic', sans-serif;
    line-height: 1;
    text-align: center;
    text-transform: uppercase;
    color:#d89b00;
    
}   

#metrics p {
    display: block;
    font: bold italic 1.25rem 'Milo', sans-serif;
    line-height: 1.35em;
    line-height: calc(1.5em - 3px);
    text-align: center;
}



@media (min-width:992px){
    #metric-grid li:nth-child(even) {
        border-left:1px solid #e9e9e9; border-right:1px solid #e9e9e9;
        }
}




#portal {
    border-top:1px solid #e9e9e9;    
    background:linear-gradient(65.15619477364658deg, rgba(255, 255, 255,1) 3.555989583333333%,rgba(254, 254, 254,1) 3.555989583333333%,rgba(233, 233, 233,1) 99.96223958333331%);
}

#portal h2 {
    margin-top:0;
}

#portal .section-grid {
    align-items:center;
    margin-top:0;
    margin-bottom:0;
}

#portal .section-grid p {
    font-size: inherit;
}

#portal .section-grid li {
    margin-bottom:0;
}

#portal .phone {
    left: -55px;
    top: -35%;
    height: auto;
    width: 40%;
    max-width: 400px;
    position: absolute;
}

#portal .organizations {margin-left:-5px;}
#portal .events {margin-left:-10px;}

@media (max-width:1199px){
    #portal .section-grid li:nth-child(odd) {padding-bottom:80px;}   
}


#photo-gallery {padding:0;}
#gallery-row {}
#gallery-row a {display:block;}
    .img-container {position:relative; background-size:cover; background-repeat:no-repeat; background-position:center center; transition:.05s;}
    
    .img-container:after {content:""; position:absolute; top:0; right:0; bottom:0; left:0; background-color:#000; opacity:.2; transition:.1s; }
    .img-container:hover:after {opacity:0;}
    
    .single {padding-top:100%;}
    .double-wide {padding-top:50%}
    .title {background-color:#c8102e; position:relative; padding-top: 100%;}
    .title h2, .title .fa {color:#FFF;}
    .title .fa {display: block; margin-bottom: 15px; font-size:40px;}
    .title h2 {
        font-family: 'milo', sans-serif;
        text-transform: lowercase;
        font-weight: 100;
        font-size: 30px;
        display: block;
        width: 100%;
        text-align: center;
        position: absolute;
        top: 50%;
        margin: 0;
        transform: translateY(-50%);
    }
    
@media (min-width:767px){
    #photo-gallery {padding:6rem 0;}
    .title .fa {font-size:60px;}
        .title h2 {font-size: 40px;}
    .title {margin-top: -30px; padding-top: calc(100% + 30px);}
    #gallery-row > [class*='col-'] {overflow:hidden;}
    #gallery-row > [class*='col-']:hover .img-container {transform:scale(1.1);}

}