.home-page-header-slider .header-slider__slide .header-slider__img {
    min-height: 150px;
    height: 150px;
}
div.header-slider__content.page-title-text div.title h1 {
    color: #036;
    margin-top: 120px;
}
/* end carousel styles*/
div.section-wrapper.mt-3.mb-3.pt-3 {
    padding: 4rem;
}
.header-slider__content.story-bar {
    background-color: #036;
    color: #fff;
}
#section > div > div > h1 {
    text-align: center;
}
.section-wrapper {
    padding: 4rem 12rem;
}
.section-wrapper .grid .item {
    width: 100%;
}
.section-wrapper .grid .item:hover .image:before {
   	padding: 2em;
    width: 100%;
    height: 50%;
	background: rgb(0, 115, 230, 0.4);
}
.section-wrapper .image .overlay {
    background: rgb(0, 0, 0, .4);
    padding: 2em;
    width: 100%;
    height: 50%;
    text-align: center;
}
.section-wrapper .image .overlay .heading {
    font-family: 'Avenir-book';
    font-size: 180%;
}
div.grid.d-flex.flex-wrap a, div.grid.d-flex.flex-wrap a:hover {
    color: #fff;

}

@media screen and (min-width: 721px) {
    div#accordion-mag span.icon-fau.icon-burger {
        margin-top: 1%;
    }
    .section-wrapper .grid .item {
        width: calc((100% / 2) - 3rem);
    }
}
@media screen and (min-width: 976px) {
    .section-wrapper .grid .item {
        width: calc((100% / 3) - 3rem);
    }

    .section-wrapper .image .overlay .heading {
        font-size: 24px;
		line-height: 1.25em;
    }
    .section-wrapper .grid .item img, .section-wrapper .image .overlay {
		height: 65%;
		font-size: 90%;
    }
	 .section-wrapper .grid .item:hover .image:before {
		 height: 65%;
	 }
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	iPad Pro (portrait and landscape)
 ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2) {
    div.header-slider__slide .header-slider__content.page-title-text div.title h1 {
        font-size: 120%;
    }
    .section-wrapper .grid .item {
        width: calc((100% / 3) - 3rem);
    }

}
@media screen and (min-width: 1400px) {
    div#accordion-mag span.icon-fau.icon-burger {
        margin-top: .5%;
    }

    .section-wrapper .image .overlay .heading {
        font-family: 'Avenir-book';
    }
	section.story-content-wide {
		padding: 0 15%;
	}
}
@media screen and (min-width: 1900px) {
    .section-wrapper .image .overlay {
		height: 50%;
	}
    .section-wrapper .grid .item:hover .image:before {
       height: 50%;
    }
    /*div.grid.d-flex.flex-wrap a, div.grid.d-flex.flex-wrap a:hover {
        color: #fff;
    }*/

}
@media screen and (min-width: 2500px) {
    section.story-content-wide {
        margin-top: -800px;
    }
}