@charset "utf-8";

body{
	margin: 0px;
	background-color:#FFFFFF;
}

nav{
	height: 100px;
	width: 100vw;
	width: auto;
	display: flex;
	background-color:#4C4C4C
}

.tmcc-logo{
	height: 75px;
	width: auto;
	margin: 0px;
	padding-left: 40px;
	padding-top: 7px;
}

.main-nav{
	font-family: "berlin sans fb";
	font-size: 2rem;
}

.main-nav ul {
	list-style-type: none;
	list-style-image: none; 
	display: flex;
	margin: 0px;
	padding: 30px 25px 0px 60px;
}

.main-nav ul li {
	postion: relative;
}

.main-nav ul a {
	color:#FFFFFF;
	text-decoration: none;
	padding: 25px;
}

.main-nav ul a:hover {
	color:#A2D400;
}

.background-index{
	background-image: url("../images/adobecc.png");
	background-size: cover;
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	height: 100vh;
}

.image-container-overview{
	background-image: url("../images/adobecc.png");
	height: 52vh;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
}

.image-container-courses{
	background-image: url("../images/audience-auditorium-chairs-356065.jpg");
	height: 52vh;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
}

.image-container-certificates{
	background-image: url("../images/0x0.jpg");
	height: 52vh;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
}

.gamt-logo{
	height: 450px;
	width: auto;
	padding: 125px 0px 0px 40px;
}

.mouse-img{
	height: 682px;
	width: auto;
	padding: 35px 0px 0px 0px;
	margin-left: auto;
	margin-right: auto;
	display: block;
}

.degree-paths{
	height: 305px;
	width: auto;
	display: flex;
	float: right;
	padding: 0px 0px 10px 10px;
}

.staff-member1{
	height: 270px;
	width: auto;
	padding: 25px 0px 0px 40px;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.staff-member2{
	height: 270px;
	width: auto;
	padding: 40px 0px 0px 40px;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.staff-member3{
	height: 270px;
	width: auto;
	padding: 40px 0px 0px 40px;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.staff-member4{
	height: 270px;
	width: auto;
	padding: 40px 0px 0px 40px;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.program-overview{
	position: relative;
	font-family: "berlin sans fb";
	color: #000000;
	font-size: 2.6rem;
	padding-top: 35px;
	padding-bottom: 15px;
	margin: 0px;
	text-align: center;
}

.gamt-header{
	position: relative;
	font-family: "berlin sans fb";
	color: #000000;
	font-size: 2.6rem;
	padding-top: 25px;
	padding-bottom: 15px;
	margin: 0px;
	text-align: center;
}

.courses-header{
	position: relative;
	font-family: "berlin sans fb";
	color: #FFFFFF;
	font-size: 2.6rem;
	padding-top: 35px;
	padding-bottom: 15px;
	margin: 0px;
	text-align: center;
}

.overview-body{
	font-family: "berlin sans fb";
	color: #000000;
	margin: 0px;
	text-align: justify;
	line-height: 2rem;
	font-size: 1.3rem;
	padding: 20px 200px 0px 200px;
}

.why-choose-gamt-body{
	font-family: "berlin sans fb";
	color: #000000;
	margin: 0px;
	text-align: justify;
	line-height: 2rem;
	font-size: 1.3rem;
	padding: 20px 200px 0px 200px;
}

.courses-body{
	font-family: "berlin sans fb";
	color: #000000;
	margin: 0px;
	text-align: justify;
	line-height: 2rem;
	font-size: 1.3rem;
	padding: 20px 200px 0px 200px;
}

.certificates-body{
	font-family: "berlin sans fb";
	color: #000000;
	margin: 0px;
	text-align: justify;
	line-height: 2rem;
	font-size: 1.3rem;
	padding: 20px 200px 0px 200px;
}

.certificates-list{
	font-family: "berlin sans fb";
	color: #000000;
	margin: 0px;
	text-align: left;
	line-height: 2rem;
	font-size: 1.2rem;
	padding: 5px 10px 20px 0px;
	display: flex;
	justify-content: space-between;
}

.bachelors-body{
	font-family: "berlin sans fb";
	color: #000000;
	margin: 0px;
	text-align: justify;
	line-height: 2rem;
	font-size: 1.3rem;
	padding: 20px 200px 0px 200px;
}

.certificates-header{
	position: relative;
	font-family: "berlin sans fb";
	color: #000000;
	font-size: 2.6rem;
	padding-top: 35px;
	padding-bottom: 15px;
	margin: 0px;
	text-align: center;
}

.bachelors-header{
	position: relative;
	font-family: "berlin sans fb";
	color: #000000;
	font-size: 2.6rem;
	padding-top: 35px;
	padding-bottom: 15px;
	margin: 0px;
	text-align: center;
}

.staff-header{
	position: relative;
	font-family: "berlin sans fb";
	color: #000000;
	font-size: 2rem;
	padding-top: 15px;
	margin: 0px;
	text-align: center;
}

.index-footer{
	font-family: "berlin sans fb";
	color: #000000;
	text-align: center;
	margin: 0px;
	padding-top: 140px;
}

.staff-footer{
	font-family: "berlin sans fb";
	color: #000000;
	text-align: center;
	margin: 0px;
	padding-top: 120px;
}

.overview-footer{
	font-family: "berlin sans fb";
	color: #000000;
	text-align: center;
	margin: 0px;
	padding-top: 120px;
}

.courses-footer{
	font-family: "berlin sans fb";
	color: #000000;
	text-align: center;
	margin: 0px;
	padding-top: 120px;
}

.certificates-footer{
	font-family: "berlin sans fb";
	color: #000000;
	text-align: center;
	margin: 0px;
	padding-top: 120px;
}





.image-container-art{
	background-image: url("../images/kermit_bacon.jpg");
	height: 52vh;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
}



.art-body{
	font-family: "berlin sans fb";
	color: #000000;
	margin: 0px;
	text-align: justify;
	line-height: 2rem;
	font-size: 1.3rem;
	padding: 20px 200px 0px 200px;
}

.art-footer{
	font-family: "berlin sans fb";
	color: #000000;
	text-align: center;
	margin: 0px;
	padding-top: 120px;
}