@import url('https://fonts.googleapis.com/css?family=Montserrat');

@font-face {
    font-family: 'Quando';
    src: url(../fonts/Quando-Regular.ttf);
}

@font-face {
    font-family: 'Judson';
    src: url(../fonts/Judson-Regular.ttf);
}

@font-face {
    font-family: 'Mr De Haviland';
    src: url(../fonts/MrDeHaviland-Regular.ttf);
}


.logo {
	padding: 0 0 1em 0 !important;
	width: 50% !important;
	margin: 0 auto !important;
}

.mobile-include {
	display: none;
}

.landscape {
	z-index: 3000;
	display: none;
	position: fixed;
	width: 100%;
	height: 100%;
	background-color: #D5A140;
}

	.landscape h1 {
		padding-top: 30%;
	}

	.mobile-logo {
		display: none !important;
	}

@media screen and (max-width: 630px) {

	.logo {
		display: none !important;
	}

}

@media screen and (max-width: 736px) {
	
	

	.button {
		margin: 0 auto !important;
		width: 100% !important;
		font-size: 1em;
		width: 100% !important;
		display: block !important;
	}

	.mobile-logo {
		display: block !important;
	}

	.opening {
		background-color: #ffb11d !important;
		width: 100% !important;
	}

	.inbetween {
		display: none !important;
	}

	#giving {
		background-color: #ffb11d !important;
	}

	.group {
		height: 120% !important;
	}

	blockquote {
		display:none;
	}

	.mobile-exclude {
		display:none !important;
	}
	
}

@media screen and (max-width: 360px) {

	.landscape {
		display: block;
	}

	}

@media only screen and (min-device-width : 375px) and (max-device-width : 667px) and (orientation : landscape) {
	
	.logo {
		visibility: none !important;
	}

	h2 {
		padding-bottom: 2em !important;
	}

	.mobile-include {
		display: inline !important;
	}

}

h1,h2,h3,h4,h5 {
	font-family: 'Quando', serif;
	color: #FDFEFF;
}

p {
	font-family: 'Judson', serif;
	font-size: 17px;
	color: #FDFEFF;
	line-height: 1.3em;
}

.mySlides {
	display:none;
}

.w3-center {
	text-align:center!important;
}

.w3-container:after,.w3-container:before,.w3-panel:after,.w3-panel:before,.w3-row:after,.w3-row:before,.w3-row-padding:after,.w3-row-padding:before,
.w3-cell-row:before,.w3-cell-row:after,.w3-clear:after,.w3-clear:before,.w3-bar:before,.w3-bar:after {content:"";display:table;clear:both;}

.w3-container p {
	font-size: small;
	margin: .5em;
}

.w3-red {
	background-color: #f44336 !important;
}

.center {
	text-align: center;

}

.left {
	float: left;
}

.right {
	float: right;
}

.panel .intro {
	border: none;
	padding: 0 5em 0 5em;
}

h1.major::after {
	width: 0;
}

h2.major::after {
	width: 0;
}

h3.major::after {
	width: 0;
}

/* GALLERY IMAGES */



.gallery .image {
	position: relative;
}

.gallery .image .description {
	position: absolute;
  bottom: 0;
  background: rgba(29, 106, 154, 0.72);
  color: #fff;
  visibility: hidden;
  opacity: 0;
}

.gallery:hover .image:hover .description {
visibility: visible;
  opacity: 1;
}


.chart {
	display: inline;
}

.inbetween h4 a {
	border: none;
}

.inbetween h4.active {
	font-size: 2.5em;
	letter-spacing: 1.2pt;
	font-family: 'Mr De Haviland', cursive;
}

.cursive {
	letter-spacing: 1pt;
	font-size: 3em;
	font-family: 'Mr De Haviland', cursive;
}

.button {
	font-family: 'Montserrat', sans-serif;
	color: #FDFEFF;
	border-color: #FDFEFF;
}




.opening {
	padding: 6em;
}