.about {
	padding: 5% 10%
}

.about .about-tit {
	font-size: 40px;
	margin-bottom: 30px;
}
.about .about-contents {
	display: flex;
	width: 100%;
	margin-bottom: 100px;
}
.about .about-contents .about-txt .tit {
	font-size: 50px;
	font-weight: 100;
	margin-bottom: 50px;
}
.about .about-contents .about-txt span {
	display: block;
	margin-bottom: 20px;
}
.about-contents .about-txt {
	width: 50%;
	font-size: 25px;
	font-weight: 500;
}
.about-contents .about-img {
	width: 50%;
}
.about-contents .about-img img {
    display: block;
	width: 70%;
	margin-left: auto;
	border-radius: 10px;
}
.about .our-services {
	padding : 0;
}

@media(max-width:1200px) {
	.about .about-contents {
		display: block;
	}
	.about-contents .about-txt, .about-contents .about-img{
		width: 100%;
	}
	.about-contents .about-img img {
		width: 100%;
		margin: 0 auto;
		margin-top: 70px;
	}
}
@media(max-width:420px) {
	.about .about-contents .about-txt .tit {
		font-size: 30px;
    	margin-bottom: 20px;
	}
	.about-contents .about-img img {
		margin-top: 30px;

	}
}