@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;
	/*background-color: #657A12;*/
	background-color: #83D377;
}

/*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: 30vw;
}

.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 links*/
.container-links-classes{
	/*border: 2px solid pink;*/
}

.list-programs{
	text-align: left;
	font-size: 100px;
}

.list-programs2{
	text-align: right;
	font-size: 100px;
}

a>.grad-links{
	color: #657A12;
	text-decoration: none;
}

a>.grad-links:hover{
	color: #739C42;
}

/*footer*/
.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;
}