@charset "UTF-8";
/* this is a css comment */

@font-face {
    font-family: 'lemon_milkbold';
    src: url('../images/lemonmilk-bold-webfont.eot');
    src: url('../images/lemonmilk-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../images/lemonmilk-bold-webfont.woff2') format('woff2'),
         url('../images/lemonmilk-bold-webfont.woff') format('woff'),
         url('../images/lemonmilk-bold-webfont.ttf') format('truetype'),
         url('../images/lemonmilk-bold-webfont.svg#lemon_milkbold') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'lemon_milklight';
    src: url('../images/lemonmilk-light-webfont.eot');
    src: url('../images/lemonmilk-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../images/lemonmilk-light-webfont.woff2') format('woff2'),
         url('../images/lemonmilk-light-webfont.woff') format('woff'),
         url('../images/lemonmilk-light-webfont.ttf') format('truetype'),
         url('../images/lemonmilk-light-webfont.svg#lemon_milklight') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'lemon_milkregular';
    src: url('../images/lemonmilk-regular-webfont.eot');
    src: url('../images/lemonmilk-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../images/lemonmilk-regular-webfont.woff2') format('woff2'),
         url('../images/lemonmilk-regular-webfont.woff') format('woff'),
         url('../images/lemonmilk-regular-webfont.ttf') format('truetype'),
         url('../images/lemonmilk-regular-webfont.svg#lemon_milkregular') format('svg');
    font-weight: normal;
    font-style: normal;


}

body {
    background-color: black;
	height:100%;
	margin: 0px;
    text-align: center;
    background-image: url("../images/home_back-01-01.png");
	background-attachment: scroll;
    background-size: cover;
	color: white;
} 

body.courses{
	background-image: url("../images/courses_back-01.png");
  	background-repeat: no-repeat;
	background-attachment: scroll;
	background-size: cover;
	margin-top: 15%;
}

body.degrees{
	background-image: url("../images/degrees_back-01.png");
  	background-repeat: no-repeat;
	background-attachment: scroll;
	background-size: cover;
}


body.instructors {
	background-image: url("../images/blank_back-01.png");
  	background-repeat: no-repeat;
	background-attachment: scroll;
	background-size: cover;
}

nav {
	font-family:Gotham, 'Helvetica Neue', Helvetica, Arial, 'sans-serif';
	min-height: 15px;
	position: absolute;
	top: 14%;
	width: 100%;
	
}

nav ul {
	list-style-type: none;
	display: flex;
	flex-direction: row;
	width: 100%;
}

nav ul li {
	height: 30px;
	margin:auto;
}

nav ul li a {
	font-family:"Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
	height: 30px;
	display: flex;
	color: white;
	text-decoration: none;
	font-size: 1em;
	padding: 0 20px;
}

nav ul li a:hover {
	color:deeppink;
}

Main {}


.overview {
	color: #79852a;
}

.overview h1 {
	color: #79852a;
	font-size: 1.5em;
	margin: 0;
	padding: 52% 56% 0 0;
	font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif"
}

.overview h2 {
	color: #79852a;
	font-size: 1.5em;
	margin: 0;
	padding: 40% 65% 0 0;
	font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
}
.oppname {
	color: white;
	font-size: 1em;
	margin: 0;
	padding: 7.25% 63% 0 0;
	font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
}

.motion {
	color: #79852a;
	font-size: 1em;
	margin-top:45%;
	padding: 0 65% 0 0;
	font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
}



.web {
	color: #79852a;
	font-size: 1em;
	margin-top:82%;
	padding: 0 70% 0 0;
	font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
}

article {
	color: black;
	
}

article p {
	background-color: #79852a;
	padding: 7px;
	position: absolute;
	left:9%;
	min-height: 20px;
	width: 40%;
	text-align: left;  
	font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
	margin: 100px 0px 20px;
	padding-top:10px;
	
}

.degreenames {
	color: #79852a;	
	font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
	position: absolute;
	left:9%;
	top:218%;
	min-height: 20px;
	width: 50%;
	text-align: left;
}

.differentdegrees {
	color: white;
	position: absolute;
	left:9%;
	top:220%;
	min-height: 20px;
	width: 50%;
	text-align: left;  
	font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
	margin: 0px 0px 20px;
}

.degrees {
	color: white;
	position: absolute;
	left: 9%;
	top: 122%;
	min-height: 20px;
	width: 50%;
	text-align: left;  
	font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
	margin: 0px 0px 20px;
}

.graphic {
	color: white;
	position: absolute;
	left:9%;
	top:200%;
	min-height: 20px;
	width: 50%;
	text-align: left;  
	font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
	margin: 0px 0px 20px;
}


.opp1 {
	border: 2px solid white;
	padding: 7px;
	color: white;
	position: absolute;
	left:9%;
	top:220%;
	min-height: 20px;
	width: 50%;
	text-align: left;  
	font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
}

.oppname2{
	border: 2px solid white;
	padding: 7px;
	color: white;
	position: absolute;
	left:9%;
	top:330%;
	min-height: 20px;
	width: 50%;
	text-align: left;  
	font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
}

.oppname3{
	border: 2px solid white;
	padding: 7px;
	color: white;
	position: absolute;
	left:9%;
	top:480%;
	min-height: 20px;
	width: 50%;
	text-align: left;  
	font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
}


.motionparagraph{
	color: white;
	position: absolute;
	left:9%;
	top:305%;
	min-height: 20px;
	width: 50%;
	text-align: left;  
	font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
	margin: 0px 0px 20px;
}
.coursesname h1{
	color: #79852a;	
	font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
	position: absolute;
	left:9%;
	top:190%;
	min-height: 20px;
	width: 50%;
	text-align: left;
}
.webparagraph {
	color: white;
	position: absolute;
	left:9%;
	top:457%;
	min-height: 20px;
	width: 50%;
	text-align: left;  
	font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
	margin: 0px 0px 20px;
}
.instructorstitle {
	top: 25%
}
.instructor_list {
	position:absolute;
  right: 0px;
  margin-top:100px;
}

.dropcap {
	font-weight: bold;	
}

footer{
min-height: 40px;
width: 100%;
position:fixed;
bottom:-5px;
left:0;
text-align: center;
}