/*#services_list{
	font-size:0;
}
#services_list > li{
	font-size: 1rem;
	display: inline-block;
	box-sizing: border-box;
	width: 49%;
	vertical-align: top;
	margin-top:10px;
	margin-bottom:10px;
	border: solid 3px #ffc48b; 
}

#services_list li:nth-child(2n){
	margin-left: 2%;
}*/

#services_list{
	padding-left: 520px;
}
#services_list > li{
	margin-bottom: 1em;
	font-size: 88%;
}

#services_img{
	float: left;
}
#services_list h2{

	color: #fff;
	margin-bottom: 10px;
	padding:0.2em 1em;
	
}

#services_list > li:nth-child(1) h2{
	background: #e4007f;
}

#services_list > li:nth-child(2) h2{
	background: #c17300;
}

#services_list > li:nth-child(3) h2{
	background: #91c52f;
}

#services_list > li:nth-child(4) h2{
	background: #009e98;
}
#services_list > li:nth-child(5) h2{
	background: #006ab8;
}
#services_list > li:nth-child(6) h2{
	background: #691785;
}

#services_list > li:nth-child(1) ul{
	padding-left: 1em;
}
#services_list > li:nth-child(1) ul li{
	list-style: disc;
}

#services_list .btn{
	
	display: inline-block;
	text-align: center;
}
#services_list .btn:hover{
	opacity: 0.8
}
#services_list .btn a{
	color: #000;
	display: block;
	width: 100%;
	height: 100%;
	padding: 0.5em 1em;
	text-align: center;
	border-radius: 4px;
	background: #e6e6e6;
	border: solid 2px #ccc;
}

#services_example ul li{
	display: table;
	width: 100%;
	border-bottom: solid 1px #ccc;
}

#services_example ul li h2,
#services_example ul li div{
	display: table-cell;
	vertical-align: middle;
	padding: 10px 0;
}

#services_example ul li h2{
	width: 300px;
	font-size: 120%;
	font-weight: bold;
	color: #fc7a2f;
	
}
#services_example ul li h2 *{
	vertical-align: middle;
}

#services_example ul li h2 img{
	max-width: 80px;
	margin-right: 30px;
	height: auto;
}

#services_example ul li div p{
	display: table;
	margin: 0;
	border-collapse: separate;
	border-spacing:5px;
}
#services_example ul li div p span{
	display: table-cell;
	vertical-align: middle;
}
#services_example ul li div p span:nth-child(1){
	font-size: 80%;
	width: 6em;
	text-align: center;
	border-style: double;
	border-width: 3px;
	font-weight: bold;
	color: #fff;
}
#services_example ul li div p span:nth-child(2){
	font-size: 80%;
	width: 8em;
	text-align: center;
	border-style: double;
	border-width: 3px;
	font-weight: bold;
	color: #fff;

}

#services_example ul li div p span:nth-child(3){
	
	padding-left: 10px;
	font-weight: bold;
}
.java{
	background: #493bff;
}

.ops{
	background: #845229;
}

.cdot{
	background: #ff5f7d;
}

.jinji{
	background: #2b9ad9;
}

.ios{
	background: #77bd52;
}


.php{
	background: #888;
}
.rpa{
	background: #788429;
}

.notes{
	background: #49ac71;
}

.scale_l{
	background: #7b0000;
}

.scale_m{
	background: #00377b;
}


@media screen and (max-width:768px){
	
	#services_img{
		float: none;
		text-align: center;
	}
	#services_list{
		padding-left: 0;
	}
	
	#services_example ul li,
	#services_example ul li h2
	{display: block;}
	
	#services_example ul li div p{
		margin-bottom: 1em;
	}
	
	#services_example ul li div p span{
	display: inline-block;
	vertical-align: middle;
	}
	
	
	
}


@media screen and (max-width:510px){
	#services_example ul li div p span:nth-child(3){
		display: block;
	}
}