/*-- GENERAL --*/

* {
	margin:0;
	padding:0;
}

.clearFix:before, .clearFix:after {
	content:"";
	clear:both;
	display:block;
	line-height:0px;
}

html, body {
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:0.9rem;
	line-height:150%;
}

body {
	display:flex;
	min-height:100vh;
	flex-direction:column;
}

article {
	flex:1 0 auto;
}

header {
	background-color:#00A3E0;
	position:relative;
}

/*-- END GENERAL --*/



/*-- LAYOUT --*/

h1 {
	text-align:right;
	margin-right:1rem;
	position:absolute;
	right:0.75rem;
	bottom:0.75rem;
	}

footer {
	clear:both;
	background-color:#00A3E0;
	text-align:center;
	height:100px;
	padding-top:1rem;
	margin-top:2rem;
}

/*-- END LAYOUT --*/



/*-- NAVIGATION --*/

nav {
	background-color:#13294B;
}

nav a {
	display:block;
}

nav a, #miniNav a {
	color:white;
	text-transform:uppercase;
	text-decoration:none;
	list-style-type:none;
}

#pageNav a {
	display:inline-block;
	background-color:rgb(210,210,210);
	list-style-type:none;
	padding:0.5rem 1rem;
	text-decoration:none;
	color:black;
	margin:1rem 1%;
	box-shadow:0 1px 1px rgb(75,75,75);
	border-radius:5px;
}

#pageNav li:hover, nav li:hover {
	background-color:#E31C79;
	color:white;
}

#miniNav {
	display:none;
}

/*-- END NAVIGATION --*/



/*-- PROJECT / SCHEDULE --*/

h2 {
	background-color:rgb(175,175,175);
	text-align:center;
	padding:1rem;
	font-size:1.2rem;
}

h3 {
	color:#13294B;
}

section section, .studentBox, form {
	background-color:rgb(230,230,230);
	padding:1rem;
	border-bottom:1px solid rgb(175,175,175);
}

h3+p {
	color:#00A3E0;
}

article img, figure img {
	border:1px solid rgb(175,175,175);
	padding:0.5rem;
	background-color:white;
}

.studentBox img {
	float:left;
}

.studentBox p:last-child {
	padding:2rem 0;
}

/*-- END PROJECT / SCHEDULE --*/



/*-- CONTACT / ABOUT --*/

article > p {
	padding:1rem 5%;
}

label {
	display:inline-block;
	width:75px;
	text-align:right;
	vertical-align:top;
}

input, textarea {
	margin-bottom:0.4rem;
}

[type='submit'] {
	position:relative;
	left:78px;
}

form {
	border:1px solid rgb(175,175,175);
}

/*-- END CONTACT / ABOUT --*/



/*-- INDEX --*/

#indexNav img {
	display:none;
}

#indexImage {
	background-color:rgba(19,41,75,0.9);
}

#indexImage img {
	width:90%;
	margin:0px auto;
	display:block;
}

figure b {
	color:#13294B;
	font-style:italic;
	font-size:1rem;
}

/*-- END INDEX --*/



/*-- MEDIA QUERY SMALL --*/

@media screen and (max-width:480px) {

	/*-- NAVIGATION --*/

	nav ul {
		display:none;
	}

	#miniNav {
		display:block;
	}

	#indexNav {
	height:4rem;
	}

	#lineBox hr {
		width:1.2rem;
		height:2px;
		margin:4px 0;
		box-shadow:1px 1px 2px black;
		background-color:#ecf0f1;
		border:none;
	}

	#lineBox {
		padding:1rem;
	}

	#miniNav ul {
		display:none;
	}

	#miniNav:hover > ul {
		display:block;
	}

	#miniNav li {
		background-color:#2980b9;
		list-style-type:none;
	}

	#miniNav a {
		padding:6px 1rem;
		display:block;
	}

	#miniNav li:hover {
		background-color:#e31c79;
	}

	#miniNav {
		position:absolute;
		top:0;
		left:0;
		z-index:3;
	}

	nav img {
		display:inline-block;
		padding:0.75rem;
		margin:0px auto;
	}

	#logoLink {
		display:block;
		width:160px;
		margin:0px auto;
	}

	header {
		height:4rem;
	}

	#pageNav a {
		margin:1rem 1%;
		padding:0.5rem 3%
	}

	/*-- END NAVIGATION --*/



	/*-- SCHEDULE / PROJECT --*/

	article img {
		width:20%;
		margin-right:1rem;
	}

	section section img {
		float:left;
	}

	section section div+p {
		clear:left;
		padding-top:0.5rem;
	}

	.studentBox p:last-child {
		clear:left;
		padding-top:0.5rem 0 2rem;
	}

	/*-- END SCHEDULE / PROJECT --*/



	/*-- CONTACT --*/

	form {
		width:85%;
		margin:0px auto;
	}

	/*-- END CONTACT --*/



	/*-- INDEX --*/

	figure {
		width:50%;
		margin:1rem auto;
		min-width:150px;
	}

	figure img {
		width:90%;
		margin:0px auto 0.75rem;
		display:block;
	}
	/*-- END INDEX --*/
}

/*-- END SMALL QUERY --*/



/*-- MEDIA QUERY MEDIUM --*/

@media screen and (min-width:481px) and (max-width:768px) {

	/*-- NAVIGATION --*/

	nav li {
		display:inline-block;
		width:18%;
		padding:0.6rem 0.6%;
		text-align:center;
	}

	nav img {
		display:block;
		margin:0 auto;
		padding:1.5rem;
	}

	header {
		height:5rem;
	}

	#pageNav a {
		margin:1rem 1%;
		padding:0.5rem 2%
	}

	/*-- END NAVIGATION --*/



	/*-- SCHEDULE / PROJECT --*/

	section section img {
		float:left;
	}

	article img {
		width:35%;
		margin:0 0.8rem 1.5rem 0;
	}

	section section {
		box-sizing:border-box;
		width:50%;
		float:left;
		height:11rem;
		padding-right:0.8rem;
		border-right:1px solid gray;
	}

	h3 {
		font-size:0.9rem;
	}

	[id='video']~section, [id='other']~section {
		float:none;
		width:100%;
	}

	[id='video']~section img, [id='other']~section img {
		width:auto;
		padding:1.2%;
		margin-bottom:0;
		height:90%;
	}

	.studentBox img {
		width:20%;
		margin-bottom:1rem;
	}

	/*-- END SCHEDULE / PROJECT --*/



	/*-- CONTACT --*/

	form {
		width:75%;
		margin:0 auto;
		max-width:26rem;
	}

	/*-- END CONTACT--*/



	/*-- INDEX --*/

	#indexNav {
		padding:1.5rem 0;
		height:none;
	}

	#indexImage img {
		width:70%;
	}

	figure {
		float:left;
		width:50%;
		text-align:center;
	}

	figure img {
		width:40%;
		margin:0 auto 0.75rem;
		display:block;
	}

	#figureBox {
		width:90%;
		margin:1.5rem auto;
	}

	/*-- END INDEX --*/

}

/*-- END MEDIUM QUERY --*/



/*-- MEDIA QUERY LARGE --*/

@media screen and (min-width:769px) {

	/*-- NAVIGATION --*/

	nav {
		width:20%;
		height:100%;
		position:fixed;
		float:left;
	}

	nav img {
		margin:2rem auto 3rem;
		display:block;
		width:90%;
	}

	nav li {
		padding:0.6rem 10%;
	}

	header {
		height:6rem;
		position:relative;
		z-index:-1;
	}

	/*-- END NAVIGATION --*/



	/*-- INDEX --*/

	article, #indexImage, #figureBox {
		width:80%;
		margin-left:20%;
	}

	#indexImage {
		height:50vh;
	}

	#indexImage img {
		height:100%;
		width:auto;
	}

	#indexNav img {
		display:block;
		visibility:hidden;
	}

	div h2, footer {
		margin-left:20%;
	}

	figure {
		float:left;
		box-sizing:border-box;
		width:50%;
		margin:5% 0;
	}

	figure img {
		display:block;
		margin:0 auto;
	}

	figcaption {
		text-align:center;
		margin-top:0.7rem;
	}

	/*-- END INDEX --*/



	/*-- SCHEDULE / PROJECT --*/

	section section {
		float:left;
		width:25%;
		box-sizing:border-box;
		border-right:1px solid rgb(175,175,175);
		height:20rem;
	}

	section section img {
		width:85%;
		max-width:150px;
		display:block;
		margin:0px auto 1rem;
	}

	h3 {
		font-size:0.9rem;
	}

	#pageNav a {
		margin:1rem 1%;
		padding:0.5rem 2%;
	}

	[id='video']~section, [id='other']~section {
		float:left;
		width:50%;
		height:14rem;
	}

	[id='video']~section img, [id='other']~section img {
		width:30%;
		padding:1.2%;
		margin:0 1rem 6rem 0;
		float:left;
	}

	section section div+p {
		padding-top:1rem;
	}

	.studentBox img {
		width:20%;
		max-width:10rem;
		margin:0 1rem 1rem 0;
	}

	/*-- END SCHEDULE / PROJECT --*/



	/* -- CONTACT --*/

	form {
		width:75%;
		margin-left:10%;
		max-width:26rem;
	}

	/* -- END CONTACT --*/
}


/*-- END LARGE QUERY --*/