@charset "UTF-8";
/* CSS Document 
	Author: Stephanie Kendziorski
	Project Three Stylesheet
*/

@media only screen and (max-width: 1024px){
	
}

body{
	font-family: 'PT Sans Narrow', sans-serif;
	margin:0;
	width: 100%;
}

.home{
	background-image: url(../images/background1.png);
	background-size:cover;
	font-family: 'PT Sans Narrow', sans-serif;
	height: 825px;
	width: 100%;
}


.clouds{
	height: 820px;
	left:0;
	opacity: 0.5;
	position:absolute;
	top:0;
	width: 1380px;
	z-index: 2;
}

/* NAVIGATION */
nav {
	margin-left: 3%;
	z-index:10000;
}

.dropbtn{
	background:none;
	border:none;
	color:black;
	cursor: pointer;
	font-size:1.2em;
	margin-top: 35px;
	position:fixed;
}

.dropbtn a{
	color: black;
	font-family: 'PT Sans Narrow', sans-serif;
	font-size:1.2em;
	font-weight:lighter;
	text-decoration:none;
	
}

.dropdown{
	display:inline-block;
	position:fixed;
}

.dropdown-content{
	display:none;
	font-size:1.2em;
	position:absolute;
	left:-40px;
	text-align:left;
	top:45px;
	width:130px;
}

.dropdown-content li a{
	color:black;
	display:block;
	list-style-type:none;
	list-style:none;
	padding:2.5%;
	text-decoration:none;	
}

.dropdown-content li{
	list-style-type:none;
}

.dropdown-content li a:hover{
	background-color:#bed7a5;
	color:white;
}

.dropdown:hover .dropdown-content{
	display:block;
}

/* LOGO */
#logo{
	float: right;
	margin-right:8%;
	margin-top:25px;
	position: relative;
	width:12%;
	z-index: 10000;
}


/* TITLE */
#title{
	font-family: 'Damion', cursive;
	font-size:4.5em;
	font-weight: lighter;
	margin-left:27%;
	margin-top:23%;
	position: absolute;
	text-align: center;
}


/* PROGRAM SECTION */
#program{
	background-color: #bed7a5;
	height: 830px;
	left:0;
	width: 100%;
}

#overview{
	color:#404040;
	font-size:1.3em;
	margin-left:15%;
	margin-top:23%;
	position:absolute;
	width:70%;
}

/* CLASSES SECTION */
#classes{
	background-color: #acc87d;
	height: 830px;
	left:0;
	width: 100%;
}

#classoverview{
	color:#404040;
	font-size:1.3em;
	margin-left:15%;
	margin-top:23%;
	position:absolute;
	width:70%;
}

p a{
	color:white;
}


/* DEGREES */
#degrees{
	background-color:#97AE70;
	height: 830px;
	left:0;
	width: 100%;
}

#certifs{
	color:#4C4C4C;
	font-size:1.3em;
	margin-left:15%;
	margin-top:23%;
	position:absolute;
	width:70%;
}

/* PROFESSORS */
#professors{
	background-color:#80935F;
	height: 830px;
	left:0;
	width: 100%;
}

#professors h1{
	color:white;
	font-family: 'Damion', cursive;
	font-size:3.5em;
	font-weight: lighter;
	margin-left:33%;
	margin-top:7%;
	position: absolute;
}

#dan{
	color:#4C4C4C;
	font-size:1.3em;
	float:left;
	margin-left:2%;
	position:absolute;
	width:45%;
}

#dan img{
	margin-left:31%;
	margin-top:30%;
}

#dan h3{
	color: white;
	font-family: 'Damion', cursive;
	font-size:2.5em;
	font-weight: lighter;
	margin-left:20%;
}

#ron{
	color:#4C4C4C;
	font-size:1.3em;
	float: right;
	margin-right:2%;
	position:relative;
	width: 45%;
}

#ron img{
	margin-left:27%;
	margin-top:30%;
}

#ron h3{
	color: white;
	font-family: 'Damion', cursive;
	font-size:2.5em;
	font-weight: lighter;
	margin-left:23%;
}

#professors a{
	color:white;
}

/* ART */
#art{
	background-color:#6D7C51;
	height: auto;
	left:0;
	position: absolute;
	width: 100%;
}

#arttitle{
	color:white;
	font-family: 'Damion', cursive;
	font-size:3.5em;
	font-weight: lighter;
	margin-left:40%;
	position: absolute;
}

.gallery{
	color:#4C4C4C;
	font-size:1.3em;
	margin-left:20%;
	width:70%;
}



#traces img{
	padding-right:120px;
	padding-bottom:120px;
}

h6{
	color: white;
	font-family: 'Damion', cursive;
	font-size:1.5em;
	font-weight: lighter;
}

#icons img{
	margin-top:-5%;
}
#icons h6{
	margin-top:17%;
}




/* HEADLINES */
.headlines{
	color: white;
	font-family: 'Damion', cursive;
	font-size:3.5em;
	font-weight: lighter;
	margin-left:35%;
	margin-top:13%;
	position:absolute;
	text-align:center;
}