body {
    font-family: 'Gilroy', sans-serif;
    background-color: #252525;
}
ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
p, h1, h2, h3, h4 {
	padding: 0;
	margin: 0;
}
.title {
	font-size: 40px;
	line-height: 110px;
	font-weight: 500;
	text-align: center;
}
#header {
	width: 100%;
	position: fixed;
	top: 0;
	z-index: 99;
	background-color: #252525;
	text-align: center;
	height: 80px;
}
#logo {
	margin: 12px auto;
	height: 56px;
}
#world-class-education {
	background: #fff url('../assets/img/16_1.jpg') no-repeat top;
	background-size: cover;
	background-attachment: "0 0";
	height: 989px;
	align-items: center;
	display: flex;
	letter-spacing: 2px;
}
#world-class-education h1 {
	margin: auto;
	font-size: 46px;
	color: #fff;
	text-align: center;
}
#introduction {
	padding-top: 100px;
	padding-bottom: 100px;
	background: #fff;
	margin-left: 0;
	margin-right: 0;
}
#introduction img {
	width: 452px;
	height: 452px;
	object-fit: cover;
	/*border-radius: 50%;*/
}
#introduction .content {
	height: 452px;
	display: flex;
	align-items: center;
}
#introduction .content p {
	font-size: 26px;
	line-height: 30px;
	color: #252525;
	font-family: "UTM APTIMABOLDITALIC";
	text-align: center;
}
#our-values, #our-vision {
	text-align: center;
	color: #fff;
	font-weight: 500;
}
#our-vision {
	background: #252525 url('../assets/img/2.JPG') no-repeat center center;
	background-size: cover;
	padding: 83px 0 120px 0;
}
#our-vision .content {
	margin-left: auto;
	margin-right: auto;
	width: 943px;
	font-size: 30px;
	line-height: 48px;
}
#our-values {
	background: #252525 url('../assets/img/aptech-lab.png') no-repeat center bottom;
	background-attachment: fixed;
	background-size: cover;
	padding: 83px 0 70px 0;
}
#our-values p {
	font-size: 24px;
	line-height: 1.4;
	margin: 10px auto 15px;
}
#our-values .container {
	padding: 0 80px;
}
#our-values #t1 {
	margin-top: 40px;
	margin-bottom: 36px;
}
#our-values #t2 {
	padding: 35px 180px;
}
#our-values img {
	height: 60px;
}
#our-values #t1 #youth, #our-values #t2 #professionalism {
	height: 63px;
	margin-top: 3px;
}
#our-values #t1 #innovation {
	height: 66px;
}
p {
	margin-top: 6px;
}
#our-values #t2 #customerSatisfaction {
	margin-top: 6px;
}
#contact {
	color: #fff;
	background: #252525 url('../assets/img/footer_map.png') no-repeat center;
}
#contact h3 {
	font-size: 14px;
	line-height: 24px;
	font-weight: 500;
}
#contact {
	padding: 85px 0;
}
#contact h3 {
	margin: 30px 0;
	min-height: 48px;
}
#contact table {
	margin-bottom: 24px;
}
#contact tr {
	line-height: 32px;
}
#contact a {
	color: #fff;
}
#contact tr td:first-child, #contact tr th:first-child {
	width: 22px;
	vertical-align: top;
}
@media screen and (max-width: 1920px) {
	#world-class-education {
		height: 930px;
	}
}
@media screen and (max-width: 1600px) {
	#world-class-education {
		height: 870px;
	}
	#introduction .col-lg-6:first-child {
		width: 100%;
	}
	#contact-first-item {
		padding-left: 15px !important;
	}
}
@media screen and (max-width: 1200px) {
	#introduction .img {
		text-align: center;
		margin-bottom: 85px;
	}
	#introduction .content  {
		width: auto;
		height: auto;
	}
	#introduction .row .col-sm-6 {
		width: 100%;
	}
	#our-vision .content {
		width: 100%;
	}
}
@media screen and (max-width: 991px) {
	#our-values #t1 {
		margin-bottom: 0;
	}
	#our-values #t2 {
		padding: 0 0 35px
	}
}
@media screen and (max-width: 768px) {
	#our-values {
		background-position: 0;
	}
	#our-values #t2 #customerSatisfaction, #our-values #t1 #speed {
		margin-top: 0;
	}
	#our-values p {
		margin: 10px auto 27px;
	}
	#our-vision {
		background-position: center 0;
	}
	#introduction {
		padding-top: 60px;
		padding-bottom: 50px;
	}
	#introduction .img {
		margin-bottom: 50px;
	}
	#introduction img {
		width: 280px;
		height: 280px;
	}
	#our-vision {
		padding: 20px 0 40px 0;
	}
	#our-vision .content {
		width: auto;
		padding: 0 15px;
	}
	#t1 {
		margin-top: 20px !important;
	}
	#t2 {
		padding: 0 30px !important;
		margin-top: 0 !important;
		margin-bottom: 0 !important;
	}
	.title {
		font-size: 24px;
		line-height: 100px;
	}
	#world-class-education h1 {
		font-size: 30px;
		line-height: 36px;
	}
	#introduction .content p, #our-vision .content, #our-values p {
		font-size: 15px;
	}
	#our-values {
		padding: 20px 0 35px;
		background-attachment: scroll;
		background-size: cover;
	}
	#our-values img {
		height: 40px;
	}
	#contact {
		padding: 55px 0 25px;
	}
}
@media screen and (max-width: 414px) {
	#world-class-education {
		height: 600px;
	}
	#contact {
		background: #252525;
	}
	#contact img {
		height: 55px;
	}
	#contact .h1-t2 {
		padding-left: 6px;
	}
	#contact .h1-t2 h3 {
		height: 72px;
	}
}
@media screen and (max-width: 375px) {
	#world-class-education {
		height: 560px;
	}
	#contact img {
		height: 50px;
	}
	#contact h3 {
		font-size: 13px;
	}
	#contact table {
		font-size: 12px;
	}
}
@media screen and (max-width: 320px) {
	#contact img {
		height: 45px;
	}
	#contact h3 {
		font-size: 11px;
	}
	#contact table {
		font-size: 10px;
	}
	#t2 {
		padding: 0 6px !important;
	}
}