@charset "utf-8";
/* CSS Document */
/*main green hex code: #657A12*/
/*light green hex code: #739C42*/
/*black*/
/*white*/

/*fonts:

font-family: 'Roboto', sans-serif;
font-family: 'Yellowtail', cursive;

*/

body{
	margin-top: 0;
	margin: 0;
}

/*nav menu*/
.nav-menu{
	background-color: #657A12;
	height: 6vh;
}

ul{
	list-style-type: none;
	/*border: 2px dashed black;*/
	text-align: center;
}

li{
	display: inline;
	/*border: solid 2px yellow;*/
	font-family: 'Roboto', sans-serif;
	font-size: 20px;
	margin-right: 8%;
}


a{
	text-decoration: none;
	color: white;
}

a:hover {
  color: #739C42;
}

/*END OF nav menu*/

/*Banner image section*/
/*text container styles
container keeps text relative position according to img
*/
.banner-text-container{
	/*border: 3px dashed blue;*/
	height: 400px;
	width: 50%;
	position: absolute;
	top:  15vh;
	left: 25vw;
}

.degree-title{
	color: #739C42;
	font-family: 'Yellowtail', cursive;
	font-size: 100px;
	position: relative;
	bottom: 10vh;
}

.and-title{
	color: #739C42;
	font-size: 90px;
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
	position: relative;
	bottom: 25vh;
	left: 17vw;
}

.cert-title{
	color: #739C42;
	font-family: 'Yellowtail', cursive;
	font-size: 100px;
	position: relative;
	bottom: 40vh;
	left: 19vw;
}

.banner-paragraph{
	font-family: 'Roboto', sans-serif;
	font-size: 18px;
	position: relative;
	bottom: 50vh;
	color: white;
	width: 50%;
}

.banner-reno-img{
	height: auto;
	width: 100%;
}

.list-degrees-container{
	/*border: 3px solid black;*/
	text-align: left;
}

.list-degrees{
	
}

.num-degree-lists{
	color: #657A12;
	font-family: 'Roboto', sans-serif;
	font-size: 100px;
	font-weight: 700;
	margin-right: 15px;
}

.degree-titles{
	color: #657A12;
	font-family: 'Roboto', sans-serif;
	font-size: 50px;
	margin-left: 25px;
}

.class-title{
	margin-left: 18vw;
	margin-top: -6vh;
	font-family: 'Roboto', sans-serif;
	font-size: 40px;
	/*border: 2px dashed green;*/
}

.graduate-students{
	height: auto;
	width: 900px;
	position: absolute;
	top: 172vh;
	left: 38vw;
	z-index: 1;
}

.scroll-img{
	height: auto;
	width: 800px;
	position: absolute;
	top: 124vh;
	left: 55vw;
}

.tmcc-logo-footer{
	display: block;
	padding-top: 50px;
  	margin-left: auto;
  	margin-right: auto;
  	width: 50%;
}

footer{
	background-color: #657A12;
	/*have to put margin top due to weird positioning on rest of images*/
	margin-top: 50vh;
	height: 300px;
	color: white;
}

/*END OF banner section*/