h3.left-border__heading{
	text-align:left!important;
	border-left: solid 7px #e3bb6a;
	padding:5px 0;
	padding-left:10px;
}
h3{
	font-weight:bold;
	font-size: 23px;
}
p,li{
	font-size: 19px;
}
#section-personal{
	margin-top:100px;
}
@media all and (-ms-high-contrast: none){
	#section-personal{
		margin-top:150px;
	}
}
#section-personal *{
	text-align:center; 
	font-weight: bold;
}
#section-personal h3{
	font-size: 30px;
}
#section-personal img{
	width: 20%;
	display: block;
	margin:0 auto;
}
#section-personal p{
	width: 60%;
	margin: 0 auto;
	text-align:left;
	line-height: 200%;
}
#section-personal__list ul{
	width: 90%;
	margin:0 auto;
	flex-wrap: wrap;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	margin-top:50px;
}
#section-personal__list li{
	width: 21%;
	margin-left:2%;
	box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.2);
	border-radius: 10px;

}
#section-personal__list .list_bg{
	width: 100%;
	height: 250px;
	background-image: url(../images/work.png);
	background-size:cover;
	background-position: center center;
	border-radius: 5px 5px 0 0;
}
#section-personal__list li h4{
	font-weight: bold;
	margin-top:40px;
	font-size: 20px;
	text-align:center;
}
#section-personal__list li h4:last-child{
	font-weight: bold;
	margin-top:20px;
	font-size: 20px;
	text-align:center;
}
#section-personal__list li p{
	color: #eb9d00;
	margin-bottom:40px;
	font-weight: 12px;
}
#contact-lead{
	text-align:center;
	margin-top:50px;
	margin-bottom:30px;
}

#section-contact a{
	width: 65%;
	margin:0 auto;
	margin-bottom:100px;
}
#reform-baner {
    width: 30%;
    margin: 0 auto;
    margin-bottom: 80px;
    margin-top: 80px;
    display: block;
}
#reform-baner img{
	width: 100%;
}
@media screen and (max-width: 1024px){
	#section-personal p {
	    width: 75%;
	    margin: 0 auto;
	    text-align: left;
	    line-height: 200%;
	}
	#reform-baner {
	    width: 30%;
	    margin: 0 auto;
	    margin-bottom: 50px;
	    margin-top: 50px;
	    display: block;
	}
}
@media screen and (max-width: 768px){
	h3{
		font-weight:bold;
		font-size: 19px;
	}
	p,li{
		font-size: 15px;
	}
	#section-personal p {
	    width: 85%;
	    margin: 0 auto;
	    text-align: left;
	    line-height: 200%;
	}
	#section-contact a {
	    width: 90%;
	    margin: 0 auto;
	    margin-bottom: 40px;
	}
}
@media screen and (max-width: 500px){
	#contact-lead {
	    text-align: center;
	    margin-top: 40px;
	    margin-bottom: 15px;
	}
	h3{
		font-weight:bold;
		font-size: 15px;
	}
	p,li{
		font-size: 13px;
	}
	#section-personal h3{
		font-size: 17px;
	}
	#section-personal p {
	    width: 90%;
	}
	#reform-baner {
	    width: 40%;
	    margin: 0 auto;
	    margin-top: 40px;
	    display: block;
	}
}
@media screen and (max-width: 320px){
	p, li {
	    font-size: 12px;
	}
}
/*=========================================
			reform-content
=========================================*/
#reform-content{
	width: 70%;
	margin:0 auto;
	margin-top:120px;
}
#reform-content img{
	width: 90%;
	margin-top:80px;
}

@media screen and (max-width: 768px){
	#reform-content {
	    width: 85%;
	    margin: 0 auto;
	    margin-top: 70px;
	}	
}
@media screen and (max-width: 500px){
#reform-content img {
    width: 95%;
    margin-top: 30px;
}
#reform-content {
	    width: 90%;
	    margin-top: 35px;
	 }
}
/*=========================================
			other-content
=========================================*/
#other-content{
	width: 70%;
	margin:0 auto;
	margin-top:70px;
}
#other-content ul{
	width: 90%;
	margin:0 auto;
	margin-top:10px;
}

@media screen and (max-width: 768px){
	#other-content {
	    width: 85%;
	    margin: 0 auto;
	    margin-top: 70px;
	}
	#other-content ul {
	    width: 95%;
	    margin: 0 auto;
	    margin-top: 10px;
	}
}
@media screen and (max-width: 500px){
	#other-content {
		width: 90%;
		margin-top: 35px;
	}
	#other-content ul li{
		margin-bottom:10px;
	}
	}