.display-wrapper { display: none; position: absolute; width: 100vw; height: 100vh; align-items: center; justify-content: center; background: rgba(255, 255, 255, 0.4); z-index: 10;}
.inner-display-wrapper { display: none; flex-direction: column; background: #484444; z-index: 11; width: 80%; }

.exit-wrapper { color: #fff; font-size: 1.5em; display: flex; justify-content: flex-end; margin-top: 20px; }
.exit-wrapper span { margin-right: 2.5%; cursor: pointer; }
.video-wrapper {
	display: flex;
	align-items: center;
    justify-content: center;
}

.video-wrapper iframe { width: 90%; height: 40vw; }
.inner-display-text-wrapper { color: #fff; width: 90%; margin-left: 5%; margin-top: 1.25em;  }
.inner-display-text-wrapper h6 { font-size: 18px; }
.inner-display-text-wrapper p { font-size: 14px; line-height: 26px !important; color: #fff !important; }
.inner-display-text-wrapper p span { font-size: .6em; line-height: 1.2em; margin-bottom: .5em; color: #fff !important; background: #484444 !important; }
.display-button-wrapper { margin: .75em 0 1.5em 0; }
.display-button-wrapper a { background: #fff; color: #484444; padding: 1em; font-size: 16px; font-weight: bolder; cursor: pointer; }

.banner-wrapper { width: 100%; }
.banner-wrapper img { width: 100%; }
.wrapper { display: flex; flex-direction: column; align-items: center; }
.wrapper h4 {
	font-weight: 400;
    color: #00b3e4;
    letter-spacing: 3px;
}
.wrapper h3 {
	font-weight: 700;
    margin-bottom: 0.4em;
}

.summary-wrapper {
	width: 50%;
    text-align: center;
    padding: 2em 0;
}
.summary-wrapper h4 { font-size: 35px; letter-spacing: 7px; }
.summary-wrapper h3 { font-size: 42px; letter-spacing: 1.05px; color: #4e4e4e; }
.summary-wrapper p { font-size: 16px; letter-spacing: .4px; line-height: 28px; color: #2a2a2a; }

.sections-wrapper { display: flex; background: #d3d3d3; width: 80%; min-width: 750px; overflow: hidden; }
.sections-wrapper h3 { padding: .6em .75em; margin-bottom: 0; font-size: 38px !important;  }
.sections-wrapper h3:hover { background: #00b3e4; cursor: pointer; color: white; }

.swiper { width: 80%; margin: 2em 0 0; }
.swiper-slide { text-align: center; }
.img-wrapper { padding: 8%; }
.swiper-slide img { width: 100%; max-width: 100%; }

.book-wrapper {
	width: 100%;
	margin-top: 4em;
	display: grid;
    grid-template-columns: 1fr;
}


@media only screen and (max-width: 960px) {
.display-button-wrapper { margin: 2.5em 0; }
}