.banner-holder {
	background-image: url(../img/home-banner.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 50% 0;
	height: 100vh;
	min-height: 1080px;
	position: relative;
	z-index: 5
}
.banner-holder .container-fluid {
	padding: 0 103px 0 142px
}
.banner-content {
	padding: 170px 0 0
}
.banner-image {
	transform: translate(-48px, 44px);
	margin-right: -17px;
	position: relative
}
.banner-image::before {
	content: '';
	position: absolute;
	top: -44px;
	right: -40px;
	width: 100%;
	height: 100%;
	background: #a44123;
	z-index: -1
}
.banner-image .banner-corner {
	position: absolute;
	bottom: -31px;
	right: -20px;
	width: 298px
}
.banner-copytext {
	padding: 144px 0 0;
	transform: translate(-7px, 0)
}
.banner-copytext h1 {
	font-family: bebas_neueregular;
	font-size: 32px;
	color: #fff;
	letter-spacing: 2px;
	padding: 0 0 14px
}
.banner-copytext h2 {
	font-family: bebas_neuebold;
	font-size: 90px;
	line-height: 90px;
	color: #fff;
	letter-spacing: 5px
}
.banner-btns {
	padding: 30px 0 0;
	transform: translate(-6px, 0)
}
.banner-btns a {
	display: inline-block;
	margin-right: 13px;
	min-width: 192px
}
.banner-btns a:nth-child(even) {
	margin-right: 0
}
.our-mission {
	position: relative;
	z-index: 7;
	padding: 0
}
.our-mission .container-fluid {
	padding: 168px 241px 168px 240px
}
.mission-content {
	position: relative
}
.mission-content .caption {
	position: absolute;
	top: 148px;
	left: 50%;
	width: 56%;
	transform: translate(-25%, 0)
}
.mission-content .caption h2 {
	color: #fff;
	font-family: bebas_neuebold;
	font-size: 72px;
	padding: 0 0 20px;
	letter-spacing: 5px
}
.mission-content .caption h3 {
	color: #fff;
	font-family: proxima_novaregular;
	font-size: 20px;
	padding: 0 0 20px;
	font-weight: 400
}
.mission-content .caption p {
	color: #fff;
	font-family: proxima_novaregular;
	font-size: 18px;
	line-height: 26px
}
.latest-message-section {
	background-image: url(../img/latest-message-bg.jpg);
	background-repeat: repeat;
	background-size: cover;
	background-position: 50% 0;
	transition: 0s linear;
	transition-property: background-position;
	min-height: 100vh;
	position: relative;
	padding: 246px 132px
}
.latest-message-section .container-fluid {
	padding: 0
}
.message-image {
	padding-left: 20px;
	position: relative;
	transform: translate(3px, 30px);
	margin-right: 52px
}
.message-image::before {
	content: '';
	position: absolute;
	top: -27px;
	right: -47px;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	background: #a44123;
	z-index: 0
}
.message-image img {
	position: relative;
	z-index: 7
}
.latest-copy {
	padding: 0
}
.latest-copy h2 {
	font-family: bebas_neuebold;
	font-size: 82px;
	color: #fff;
	padding: 0 0 12px;
	letter-spacing: 5px
}
.latest-copy h3 {
	font-family: proxima_novaregular;
	font-size: 30px;
	color: #fff;
	text-transform: uppercase;
	padding: 0 0 80px;
	letter-spacing: 2px
}
.upcoming-events {
	position: relative;
	z-index: 7;
	padding: 102px 118px 183px
}
.upcoming-events h2 {
	font-family: bebas_neuebold;
	font-size: 82px;
	color: #fff;
	padding: 0 0 52px;
	letter-spacing: 5px;
	text-align: center
}
.event-col {
	background: #fff;
	border-radius: 10px;
	padding: 30px
}
.event-col .image-holder {
	height: 453px;
	overflow: hidden;
	border-radius: 10px;
	margin-bottom: 24px
}
.event-col .image-holder img {
	border-radius: 10px;
	height: 460px;
	object-fit: cover
}
.event-col .event-details h2 {
	text-align: left;
	font-family: bebas_neueregular;
	font-size: 48px;
	color: #000;
	padding: 0 0 8px
}
.event-col .event-details h2 a {
	font-family: bebas_neueregular;
	font-size: 48px;
	color: #000
}
.event-col .event-details h2 a:hover {
	text-decoration: underline
}
.event-details .event-date {
	color: #000;
	font-family: proxima_novaregular;
	font-size: 14px;
	padding: 0 0 20px
}
.readmore-row {
	padding-top: 87px;
	padding-bottom: 0;
	text-align: center
}
a.text-link {
	font-family: proxima_novabold;
	font-size: 20px;
	font-weight: 400;
	color: #ffefd0;
	text-transform: uppercase;
	transition: all .5s
}
a.text-link:hover {
	text-decoration: underline
}
.upcoming-events .container-fluid {
	position: relative;
	z-index: 9
}
.welcome-note {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
	background-color: rgba(255, 255, 255, .3);
	z-index: 12;
	overflow: hidden;
	overflow-x: hidden;
	overflow-y: auto;
	display: none
}
.welcome-note-position {
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	transform: translate(0, -50%)
}
.welcome-note-visual {
	background-image: url(../img/welcome-note-zig-zag.png);
	background-position: center center;
	background-repeat: no-repeat;
	border-radius: 10px;
	background-size: contain;
	background-color: rgba(255, 246, 229, .9);
	max-width: 1088px;
	margin: 0 auto;
	box-sizing: border-box;
	padding: 116px 150px 116px;
	position: relative
}
.welcome-note-visual .corner-image {
	position: absolute;
	bottom: -18px;
	left: -12px;
	width: 364px
}
.welcome-note-visual h2 {
	color: #d88f29;
	font-family: bebas_neuebold;
	font-size: 72px;
	line-height: 92px;
	letter-spacing: 5px;
	padding: 0 0 39px;
	text-align: center
}
.welcome-note-visual p {
	text-align: center;
	padding: 0 0 35px;
	letter-spacing: 0
}
.welcome-note-visual p span {
  display: block;
}
.welcome-note-visual .btns {
	text-align: center;
	padding: 0 0 35px
}
.welcome-note-visual .btns a.btn {
	display: inline-block;
	min-width: 182px;
	margin-right: 40px
}
.welcome-note-visual .btns a.btn:nth-child(even) {
	margin-right: 0
}
.go-to-home {
	text-align: center
}
.go-to-home a {
	color: #0c1425;
	text-transform: uppercase;
	text-decoration: underline;
	font-family: Montserrat, sans-serif;
	font-size: 14px;
	letter-spacing: 0;
	font-weight: 600
}
.go-to-home a:hover {
	text-decoration: none
}
.close-modal {
	position: fixed;
	top: 20px;
	right: 20px;
	width: 72px;
	z-index: 11;
	cursor: pointer
}
.close-modal img {
	display: none
}
.close-modal img.normal {
	display: inline-block
}
.close-modal:hover img.normal {
	display: none
}
.close-modal:hover img.hover {
	display: inline-block
}
.mission-corner {
	position: absolute;
	top: 78px;
	left: -81px;
	width: 498px
}
@media only screen and (max-width:1875px) {
	.mission-content .caption p {
		font-size: 16px
	}
}
@media only screen and (max-width:1800px) {
	.mission-content .caption {
		width: 70%
	}
	.our-mission .container-fluid {
		padding: 168px 170px 168px 140px
	}
	.event-col .image-holder {
		height: 410px
	}
}
@media only screen and (max-width:1750px) {
	.our-mission .container-fluid {
		padding: 125px 170px 125px 130px
	}
	.mission-content .caption {
		top: 100px
	}
	.event-col .image-holder {
		height: 374px
	}
	.banner-image .banner-corner {
		width: 220px
	}
	.banner-image::before {
		top: -35px;
		right: -30px
	}
	.banner-copytext h2 {
		font-size: 78px;
		line-height: 78px
	}
}
@media only screen and (max-width:1650px) {
	.our-mission .container-fluid {
		padding: 125px 130px 125px 100px
	}
	.upcoming-events {
		padding: 72px 50px 125px
	}
	.welcome-note-position {
		position: relative;
		top: initial;
		left: initial;
		width: 100%;
		transform: initial;
		margin-top: 120px;
		margin-bottom: 120px
	}
	.close-modal {
		width: 60px
	}
	.mission-corner {
		top: 78px;
		left: -40px;
		width: 355px
	}
}
@media only screen and (max-width:1550px) {
	.mission-content .caption {
		top: 50px;
		width: 54%;
		left: 47%
	}
	.mission-content .caption br {
		display: none
	}
	.latest-message-section {
		padding: 200px 80px
	}
	.latest-copy h2 {
		font-size: 70px
	}
	.event-col .image-holder {
		height: 351px
	}
	.event-col .image-holder img {
		border-radius: 10px;
		height: 351px;
		object-fit: cover
	}
	.banner-image {
		transform: translate(0, 44px);
		margin-right: 0
	}
	.banner-image .banner-corner {
		width: 170px
	}
}
@media only screen and (max-width:1450px) {
	.banner-holder .container-fluid {
		padding: 0 75px 0 50px
	}
	.banner-copytext {
		transform: translate(0, 0);
		padding: 85px 0 0
	}
	.banner-copytext h2 {
		font-size: 75px;
		line-height: 75px
	}
	.mission-content .caption h2 {
		font-size: 60px
	}
	.mission-content .caption p {
		font-size: 15px;
		line-height: 23px
	}
	.latest-copy h2 {
		font-size: 70px
	}
	.latest-copy h3 {
		font-size: 28px
	}
	.event-col .image-holder {
		height: 321px
	}
}
@media only screen and (max-width:1350px) {
	.banner-holder {
		min-height: 812px
	}
	.banner-holder .container-fluid {
		padding: 0 50px 0 35px
	}
	.banner-image {
		transform: translate(0, 0);
		margin-right: 0
	}
	.our-mission .container-fluid {
		padding: 100px 60px 125px 60px
	}
	.latest-copy h2 {
		font-size: 60px
	}
	.latest-copy h3 {
		font-size: 26px
	}
	.message-image {
		padding-left: 55px
	}
	.upcoming-events {
		padding: 72px 30px 125px
	}
	.event-col {
		padding: 15px
	}
	.event-col .event-details h2 a {
		font-size: 42px;
		letter-spacing: 3px
	}
	.event-col .image-holder {
		height: 335px
	}
	.event-col .image-holder img {
		height: 335px;
		object-fit: cover
	}
	.welcome-note-visual {
		padding: 90px 150px 90px;
		position: relative;
		max-width: 920px
	}
}
@media only screen and (max-width:1200px) {
	.banner-holder {
		background-attachment: initial
	}
	.banner-holder .container-fluid {
		padding: 0 50px 0 50px
	}
	.banner-copytext {
		padding: 70px 0 0
	}
	.banner-copytext h1 {
		font-size: 30px
	}
	.banner-copytext h2 {
		font-size: 65px;
		line-height: 68px
	}
	.banner-btns a {
		margin-right: 0
	}
	.mission-content img {
		min-height: 540px
	}
	.mission-content .caption {
		top: 45px;
		width: 69%;
		left: 42%
	}
	.message-image {
		padding-left: 20px
	}
	.latest-message-section {
		padding: 150px 60px
	}
	.message-image::before {
		top: -24px;
		right: -21px
	}
	.white-col {
		margin-bottom: 30px
	}
	.welcome-note-visual {
		padding: 60px 70px 100px;
		position: relative;
		max-width: 720px
	}
	.welcome-note-visual h2 {
		font-size: 60px;
		line-height: 73px;
		letter-spacing: 3px
	}
	.banner-image::before {
		top: -22px;
		right: -14px
	}
	.banner-image .banner-corner {
		width: 115px;
		bottom: -10px;
		right: -7px
	}
	.mission-corner {
		top: 30px;
		left: -17px;
		width: 205px
	}
	.mission-corner img {
		object-fit: initial;
		min-height: initial
	}
}
@media only screen and (max-width:991px) {
	.banner-holder {
		min-height: 990px
	}
	.banner-holder .container-fluid {
		max-width: 640px;
		margin: 0 auto;
		padding: 0 25px
	}
	.banner-image .banner-corner {
		width: 105px;
		bottom: -10px;
		right: -7px
	}
	.banner-content {
		padding: 124px 0 0
	}
	.banner-copytext {
		padding: 35px 0 0
	}
	.banner-btns {
		padding: 20px 0 0;
		transform: translate(0, 0)
	}
	.banner-btns a {
		display: block;
		max-width: 182px;
		margin-bottom: 5px
	}
	.banner-btns a:nth-child(even) {
		padding-left: 0;
		min-width: 166px;
		max-width: 166px;
		text-align: left
	}
	.our-mission .container-fluid {
		padding: 50px 35px 116px 35px
	}
	.mission-content .caption {
		top: 180px;
		width: 88%;
		left: 28%
	}
	.mission-content {
		max-width: 400px;
		margin: 0 auto
	}
	.mission-content img {
		min-height: 960px
	}
	.mission-corner {
		width: 175px;
		top: -38px;
		left: initial;
		right: 21px
	}
	.mission-corner img {
		min-height: initial
	}
	.mission-content .caption h2 {
		font-size: 55px
	}
	.message-image {
		padding-left: 0;
		max-width: 576px;
		margin: 0 auto 65px
	}
	.latest-copy {
		text-align: center
	}
	.latest-copy h2 {
		font-size: 42px;
		padding: 0 0 5px
	}
	.latest-copy h3 {
		padding: 0 0 30px;
		font-size: 23px
	}
	.latest-copy p {
		text-align: center
	}
	.latest-copy .play-btn {
		display: inline-block;
		min-width: 182px
	}
	.upcoming-events {
		padding: 40px 30px 125px
	}
	.upcoming-events h2 {
		font-size: 65px;
		letter-spacing: 3px
	}
	.close-modal {
		width: 50px
	}
	.welcome-note-visual {
		padding: 60px 70px 100px;
		position: relative;
		max-width: 590px
	}
	.welcome-note-visual h2 {
		font-size: 55px;
		line-height: 60px;
		letter-spacing: 3px
	}
	.welcome-note-position {
		margin-top: 56px;
		margin-bottom: 60px
	}
}
@media only screen and (max-width:767px) {
	.banner-holder {
		background-image: url(../img/home-banner-mobile.jpg);
		min-height: 1080px
	}
	.banner-holder .container-fluid {
		padding: 0 21px
	}
	.banner-content {
		padding: 124px 15px 0
	}
	.banner-copytext {
		padding: 54px 0 0
	}
	.banner-copytext h1 {
		font-size: 26px
	}
	.banner-copytext h2 {
		font-size: 48px;
		line-height: 50px;
		padding: 0 0 20px
	}
	.mission-content {
		max-width: 272px;
		margin: 0 auto
	}
	.our-mission .container-fluid {
		padding: 50px 24px 45px 24px
	}
	.mission-content .caption {
		top: 95px
	}
	.mission-content .caption h2 {
		font-size: 32px;
		padding: 0 0 10px;
		letter-spacing: 3px
	}
	.mission-content .caption h3 {
		font-size: 16px
	}
	.mission-content .caption p {
		font-size: 15px;
		line-height: 26px
	}
	.mission-content .caption p {
		font-size: 12px;
		line-height: 20px
	}
	.mission-content img {
		min-height: 810px
	}
	.mission-corner {
		width: 127px;
		top: -28px;
		left: initial;
		right: 15px
	}
	.mission-corner img {
		min-height: initial
	}
	.latest-message-section {
		padding: 90px 15px 130px
	}
	.message-image {
		max-width: 325px;
		margin: 0 auto 50px
	}
	.latest-copy h2 {
		font-size: 32px;
		padding: 0 0 5px;
		letter-spacing: 2px
	}
	.latest-copy h3 {
		padding: 0 0 30px;
		font-size: 16px;
		letter-spacing: 1px
	}
	.latest-copy .play-btn {
		padding-top: 16px;
		padding-bottom: 16px
	}
	.latest-copy {
		padding: 0;
		max-width: 240px;
		margin: 0 auto
	}
	.message-image::before {
		top: -13px;
		right: -10px
	}
	.upcoming-events {
		padding: 30px 15px 50px
	}
	.upcoming-events h2 {
		font-size: 32px;
		letter-spacing: 4px;
		padding: 0 0 35px
	}
	.event-col {
		max-width: 326px;
		margin: 0 auto;
		box-sizing: border-box;
		padding: 20px
	}
	.event-col .image-holder {
		height: 281px;
		margin: 0 0 0
	}
	.event-col .image-holder img {
		height: 282px;
		object-fit: cover
	}
	.event-col .event-details h2 a {
		font-size: 32px;
		letter-spacing: 1px
	}
	.readmore-row {
		padding-top: 20px
	}
	.welcome-note-position {
		margin-top: 87px;
		margin-bottom: 60px
	}
	.welcome-note-visual {
		padding: 72px 15px 70px;
		position: relative;
		max-width: 326px
	}
	.welcome-note-visual h2 {
		font-size: 48px;
		line-height: 56px;
		color: #d88f29
	}
	.welcome-note-visual .corner-image {
		bottom: -10px;
		left: -9px;
		width: 143px
	}
	.close-modal {
		width: 38px
	}
	.welcome-note-visual .btns {
		text-align: center;
		padding: 0 0 15px
	}
	.welcome-note-visual .btns a.btn {
		margin: 0 0 15px
	}
}
@media only screen and (max-width:567px) {
	.banner-holder {
		min-height: 812px
	}
	.mission-corner img {
		min-height: initial
	}
}
@media only screen and (max-width:374px) {
	.latest-copy h2 {
		font-size: 28px;
		padding: 0 0 5px
	}
	.latest-copy h3 {
		padding: 0 0 30px;
		font-size: 15px
	}
	.latest-copy .play-btn {
		padding-top: 16px;
		padding-bottom: 16px
	}
	.upcoming-events {
		padding: 30px 10px 50px
	}
	.welcome-note-visual {
		max-width: 240px
	}
	.welcome-note-visual h2 {
		font-size: 35px;
		line-height: 43px;
		padding: 0 0 30px
	}
	.mission-corner img {
		min-height: initial
	}
}
@media only screen and (max-width:319px) {
	.our-mission .container-fluid {
		padding: 50px 10px 116px 10px
	}
	.mission-content img {
		min-height: 900px
	}
	.mission-corner img {
		min-height: initial
	}
}