.c-container{
	background: url(/img/services/web-design.png) no-repeat;
	padding-bottom: 0;
	background-size: cover;
}

.intro{
	padding-bottom: 32px;
}

.intro .desc{
	background: #fff;
	padding: 24px;
	border-radius: 8px;
	box-shadow: 0 0 8px #000;
	margin-bottom: 24px;
}

.intro .desc h1{
	font-size: 1.5em;
	margin-bottom: 12px;
	line-height: 24px;
}

.intro .desc h1 span{
	font-family: suk-l;
	display: block;
	font-size: 0.6em;
	font-style: italic;
}

.intro .desc li{
	margin-bottom: 24px;
	list-style: none;
}

.intro .desc li h4{
	color: #ff6600;
}




.intro .start_from h1{
	font-family: suk-l;
	padding: 12px 24px;
	background: #000;
	font-size: 1.2em;
	text-align: center;
}

.intro .start_from h1 span{
	display: block;
	font-family: suk-t;
	margin-top: 8px;
}

.intro .start_from{
	border:1px dotted rgba(255,255,255, 0.6);
	background: rgba(0,0,0, 0.6);
	color: #fff;

}

.intro .start_from ul{
	padding: 24px;
	padding-bottom: 12px;
	border:1px dotted rgba(255,255,255, 0.6);
}

.intro .start_from li{
	margin-left: 24px;
	margin-bottom: 22px;
	line-height: 22px;
}

.intro .start_from .contact{
	padding-top: 24px;
	padding-bottom: 8px;
	margin-left: 24px;
}

.intro .start_from .contact h2{
	font-family: suk-l;
	margin-bottom: 14px;
	font-size: 1.2em;
}

.intro .start_from .contact span{
	display: block;
	margin-bottom: 12px;
}
@media only screen and (min-width:480px){
	

}

@media only screen and (min-width:800px){
	.intro .desc{
		float: left;
		width: calc(100% - 320px);
	}

	.intro .start_from{
		float: right;
		width: 300px;
	}
}


@media only screen and (min-width:996px){
	.intro .desc{
		float: left;
		width: calc(100% - 360px);
	}

	.intro .start_from{
		float: right;
		width: 330px;
	}
}

@media only screen and (min-width:1100px){
	
}

@media only screen and (min-width:1200px) {

}