@charset "UTF-8";

@font-face {
    font-family: "poppinsbold";
    src: url("../images/poppins-bold-webfont.woff2") format('woff2'),
         url("../images/poppins-bold-webfont.woff") format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: "poppinsitalic";
    src: url("../images/poppins-italic-webfont.woff2") format('woff2'),
         url("../images/poppins-italic-webfont.woff") format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: "poppinsregular";
    src: url("../images/poppins-regular-webfont.woff2") format('woff2'),
         url("../images/poppins-regular-webfont.woff") format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: "poppins-semiboldregular";
    src: url("../images/poppins-semibold-webfont.woff2") format('woff2'),
         url("../images/poppins-semibold-webfont.woff") format('woff');
    font-weight: normal;
    font-style: normal;

}

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

nav{
	height: 75px;
	width: 100vw;
	width: auto;
	display: flex;
	background-color:#9EA93F
}

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

.main-nav{
	font-family: "poppins-semiboldregular";
	font-size: 2rem;
}

.main-nav ul {
	list-style-type: none;
	list-style-image: none; 
	display: flex;
	margin: 0px;
	padding: 20px 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:#FFA400;
}

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

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

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

.image-container-certificates{
	background-image: url("../images/graduates.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: "poppinsbold";
	color: #FFFFFF;
	font-size: 2.6rem;
	padding-top: 35px;
	padding-bottom: 15px;
	margin: 0px;
	text-align: center;
}

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

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

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

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

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

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

.certificates-list{
	font-family: "poppins-semiboldregular";
	color: #FFFFFF;
	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: "poppinsregular";
	color: #FFFFFF;
	margin: 0px;
	text-align: justify;
	line-height: 2rem;
	font-size: 1.3rem;
	padding: 20px 200px 0px 200px;
}

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

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

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

.index-footer{
	font-family: "poppinsregular";
	color: #FFFFFF;
	text-align: center;
	margin: 0px;
	padding-top: 140px;
}

.staff-footer{
	font-family: "poppinsregular";
	color: #FFFFFF;
	text-align: center;
	margin: 0px;
	padding-top: 120px;
}

.overview-footer{
	font-family: "poppinsregular";
	color: #FFFFFF;
	text-align: center;
	margin: 0px;
	padding-top: 120px;
}

.courses-footer{
	font-family: "poppinsregular";
	color: #FFFFFF;
	text-align: center;
	margin: 0px;
	padding-top: 120px;
}

.certificates-footer{
	font-family: "poppinsregular";
	color: #FFFFFF;
	text-align: center;
	margin: 0px;
	padding-top: 120px;
}