@charset "UTF-8";
/* CSS Document */
@media all and (min-width:370px){
	
	.illustration{
	width: 100%;
	padding-top: 30px;
}

.illustration1{
	width: 600px;
	height:380px;
	float:left;
	font-family: "bebas-neue-1", "bebas-neue-2", sans-serif;
}

.illustration2{
	
	width: 600px;
	height: auto;
	float: right;
	font-family: "bebas-neue-1","bebas-neue-2",sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 2.8em;
	line-height: 0.7;
	margin-top: 60px;
	padding-top: 5px;
	color: #000;
	border-left: 1px dotted #A3A3A3;

	margin-left:10px;
}


.heading {
	.font-family: "bebas-neue-1","bebas-neue-2",sans-serif;
}

#sharing {
	position: absolute;
	height: 42px;
	width: 170px;
	vertical-align: top;
	float: right;
	left: 1095px;
	margin-top: 20px;
}
#sharingtext {
	position: absolute;
	left: 639px;
	top: 412px;
	width: 168px;
	height: 69px;
}

.intro p{width:100%}}@media all and (min-width:630px)

.illustration p{margin:0}}@media all and (min-width:960px){.illustration{width:74%}

.illustrationhome p{margin:0}}@media all and (min-width:960px){.illustrationhome{width:74%}

.service{float:left;width:30%;margin-right:5%}
.service a:link{text-decoration:underline;}
.service a:visited{text-decoration:underline;}
.service a:hover{text-decoration:underline; color:#C33;}

.service1{float:left;width:40%;margin-right:5%}

.technology{margin-right:0}

.strategy.service {
	width: 54%;
}

.design.service {
	width: 40%;
	margin-right: 0;
}

.illustration {
	width: 40%;
}

}@media all and (min-width:1080px){.illustration{width:40%;float:right;margin:0px 0 0em 0%}}

#map{
	float:right;
	margin-right:70px;
}

#why {
	float:left;
		font-family: "proxima-nova-1", "proxima-nova-2", "HelveticaNeue", Helvetica, Arial, Sans-serif;
		font-size:23px;
		width:550px;
		color:#000;
		margin-bottom:6px;
}