body {
	background-color: #333;
	background-image: url("/imgs/Black Paper Background.jpg");
	font-family: "Segoe UI", "Tahoma", "arial";
	color: #f2f2f2;
}

#gerald {
	background-image: url("/imgs/wide/Wide - With One Voice BG.jpg");
	background-size: 100%;
	color: black;
}

#gerald p {
	font-size: 2.2vw;
	font-weight: 500;
}

/* #gerald .main {
	max-width: 992px;
} */

#gerald .row {
	margin-bottom: 2vw;
}

a.icon {
	padding: 0px;
	border: none;
}

/* #icon1 {
	margin-top: 285%;
}
#icon2 {
	margin-top: 565%;
}
#icon3 {
	margin-top: 370%;
}
#icon4 {
	margin-top: 550%;
} */

#gerald .no-bot-margin {
	margin-bottom: 0px;
}

/* Page title is h1 */
h1 {
	font-family: "Architects Daughter", "cursive", "Roboto", "arial";
	color: #f2f2f2;
	font-size: 6em;
	margin-bottom: 35px;
}

#with-one-voice h1 {
	margin-top: 2vw;
}

#gerald h1 {
	color: black;
	margin-bottom: 0px;
}

h2 {
	font-size: 2em;
}

/* Page main text is h3 */
h3 {
	font-size: 1.9vw;
	/* max-width: 60vw; */
}

a {
	text-decoration: none;
	color: rgb(218, 229, 247);
}


/* Page main image */
.main-img {
	margin-bottom: 25px;
	width: 47vw;
	max-width: 902px;
	/* border: 2px solid white; */
}


/* ==================== NAV BARS ==================== */
.nav {
	margin-bottom: 5px;
	background-color: black;
}

.nav-link {
	font-family: "Segoe UI", "Tahoma", "arial";
	font-size: 1.5vw;
	color: #f2f2f2;
	padding-top: 1.3vw;
	padding-bottom: 1.3vw;
	padding-left: 6vw;
	padding-right: 6vw;
	/* background-color: #333; */
}

#gerald .nav-link {
	color: white;
}

.nav-link:hover {
	color: black;
	background-color: #f2f2f2;
}

.footer {
	margin-top: 35px;
}

.center-link {
	margin-left: 25px;
	margin-right: 25px;
}

/* ==================== END NAV BARS ==================== */

#gwichin-logo {
	margin-right: 10vw;
	width: 30vw;
	max-width: 700px;
}

#fshs-logo {
	width: 15vw;
	max-width: 350px;
}

#aip-logo {
	width: 60vw;
	max-width: 600px;
}

#thank-you h3 {
	width: 60vw;
	max-width: 690px;
	margin: auto;
	margin-bottom: 25px;
}

#archive h3 {
	margin-top: 50px;
	margin-bottom: 50px;
}


/* ==================== START VIDEOPLAYER ==================== */

.video-player {
	display: none;
	position: fixed;
	width: 50%;
	height: 50%;
	top: 50px;
	left: 50px;
	background-color: grey;
}

.alert {
	display: none;
	position: fixed;
	width: 50%;
	height: 50%;
	top: 50px;
	left: 50px;
	background-color: grey;
}

.span1:focus ~ .alert {
	display: block;
}

/* .span2:focus ~ .alert {
	display: block;
} */

/* ==================== END VIDEOPLAYER ==================== */


/* ==================== START RESPONSIVE SIZES ==================== */

.small-pad-fix {
	padding: 0px;
}

@media screen and (max-width: 360px) {
	.small-pad-fix {
		padding: 0px;
	}
}

/* PHONES */
@media (max-width: 575px) {

	#gerald {
		background-image: url("/imgs/tall/Tall - With One Voice BG.jpg");
		background-position: right 25vw;
	}

	#sneak-peek h1, #archive h1, #about-us h1, #sign-up h1 {
		font-size: 12vw;
		margin-top: 10vw;
	}

	#thank-you h1 {
		font-size: 7vw;
		margin-top: 10vw;
	}

	#with-one-voice h1 {
		font-size: 11.5vw;
		margin-top: 14vw;
		margin-bottom: 12vw;
	}

	#gerald h1 {
		font-size: 10.2vw;
		margin-top: 10vw;
		margin-bottom: 5vw;
	}

	#sneak-peek h3 {
		font-size: 3.5vw;
	}

	#gerald p {
		font-size: 3.3vw;
	}

	#gerald .caption {
		font-size: 3vw;
	}

	#with-one-voice h3 {
		font-size: 3.5vw;
		max-width: 60vw;
		margin: 0 auto;
		margin-bottom: 4vw;
	}

	.nav-link {
		font-size: 2.5vw;
		padding-top: 3vw;
		padding-bottom: 3vw;
		padding-left: 8vw;
		padding-right: 8vw;
	}

	.top-row {
		padding-top: 6vw;
	}

	.bottom-row {
		padding-bottom: 6vw;
	}

	#sneak-peek .main {
		max-width: 80vw;
	}

	#with-one-voice .main {
		max-width: 90vw;
	}

	#gerald .main {
		max-width: 80vw;
	}

	#sneak-peek .main-img {
		content: url("/imgs/tall/Tall - Sneak Peek.jpg");
		width: 67vw;
	}

	#with-one-voice .main-img {
		content: url("/imgs/tall/Tall - With One Voice Intro.jpg");
		width: 67vw;
	}

	#gerald .main-img {
		content: url("/imgs/tall/Tall - With One Voice BG.jpg");
		width: 67vw;
	}

	#gerald #icon1 {
		margin-top: 18vw;
	}

	#gerald #icon2 {
		margin-top: 20vw;
	}

	#gerald #icon3 {
		margin-top: 21vw;
	}

	#gerald #icon4 {
		margin-top: 21vw;
	}

	#gerald #img1 {
		content: url("/imgs/tall/Tall - With One Voice 1.png");
	}

	#gerald #img2 {
		content: url("/imgs/tall/Tall - With One Voice 2.png");
	}

	#gerald #img3 {
		content: url("/imgs/tall/Tall - With One Voice 3.png");
	}

	#gerald #img4 {
		content: url("/imgs/tall/Tall - With One Voice 4.png");
	}

	#gerald #bottom-row {
		height:15vw;
	}
}

/* TABLETS/PCS */
@media (min-width: 576px) {
	#sneak-peek h1, #archive h1, #about-us h1, #sign-up h1 {
		font-size: 8.5vw;
	}

	#thank-you h1 {
		font-size: 6.4vw;
	}

	#with-one-voice h1 {
		font-size: 9.2vw;
	}

	#gerald h1 {
		font-size: 9vw;
		margin-top: 9vw;
		float: left;
	}

	#sneak-peek h3 {
		font-size: 1.9vw;
	}

	#with-one-voice h3 {
		font-size: 1.9vw;
	}

	.main {
		max-width: 70vw;
	}

	#gerald .main {
		max-width: 81vw;
	}

	#gwichin-logo {
		margin-right: 240px;
	}

	#gerald #img1 {
		width: 30vw;
		margin-top: 1vw;
	}

	#gerald #img2 {
		margin-top: 1vw;
	}

	.caption {
		margin-left: 1vw;
		font-size: 1.3vw;
		font-weight: 500;
	}

	#gerald .icon {
		width: 5vw;
	}

	#gerald #icon1 {
		margin-top: 14.2vw;
	}

	#gerald #icon2 {
		margin-top: 25.8vw;
	}

	#gerald #icon3 {
		margin-top: 18.4vw;
	}

	#gerald #icon4 {
		margin-top: 21.9vw;
	}

	#gerald #bottom-row {
		height:8vw;
	}
	
}

@media (min-width: 650px) {
	#gerald #bottom-row {
		height:12vw;
	}
}

/* MAX SCREEN WIDTH */
@media (min-width: 1920px) {
	#gerald .main {
		/* max-width: 1476px; */
		max-width: 1530.38px;
	}

	#gerald h1 {
		font-size: 172.8px;
	}

	#gerald p {
		font-size: 42.218px;
	}


}

/* ==================== END RESPONSIVE SIZES ==================== */