html, body {
	font-size : 11pt;	 
}

.mainContent {
	background-image : none;
}

.puzzleBg {
	display : none;
}

.puzzle {
	display : none;
}

.hand {
	display : none;
}

.puzzleMobile {
	display : block;
	position : relative;
	background-image : url('../imgs/home/home-bg-mobile.png');
	background-size : cover;
	background-repeat : no-repeat;
	border : 0px solid black;
}

.workForYou {
	position : relative;
	width : 80%;
	margin-left : 10%;
	font-size : 20pt;
	border : 0px solid black;
}

.arrowDown {
	margin-top : 50px;
	position : relative;
	bottom : 0;
}

.menuButton {
	width : 30px;
	right : 10px;
	top : 10px;	
}

.menu {
	width : 150px;
}

.menu ul li{
	padding : 10px 20px;
	font-size : 12pt;
}

.aboutDesc {
	margin-left : 2%;
	width : 96%;
}

.aboutUsSlogan {
	margin-left : 2%;
	width : 96%;
}

.attitudeColumn {
	width : 100%;
	margin-right : 0;
	margin-bottom : 20px;
}

.beliefColumn {
	width : 100%;
	margin-right : 0;
	margin-bottom : 20px;
	padding-bottom : 40px;	
}

.creativeColumn {
	width : 100%;
	margin-right : 0;
	margin-bottom : 20px;
}

.aboutUsSloganTitle {
	width : 100%;
}

.aboutUsSloganTitle .title{
	width : 100%;
	text-align : center;
}

.attitudeImg {
	width : 100%;
}

.beliefImg {
	width : 100%;
}

.creativeImg {
	width : 100%;
}

.aboutUsTitle {
	font-size : 20pt;
}

.aboutUsDetailDescColumn {
	font-size : 11pt;
}

.aboutUsDetailDescColumn ul li {
	margin-top : 5px;
}

.ourService {
	margin-top : 0px;
	border : 0px solid black;
	background-image : none;
	min-height : 200px;
	padding-bottom : 20px;
}

.curveOutside {
	display : none;
}

.curveOutsideOurService {
	display : none;
}

.ourServiceWordColumn {
	margin-left : 2%;
	width : 96%;	
}

.ourServiceGuy {
	width : 100%;
	display : none;
}


.ourServiceDetailColumn {
	width : 100%;	
	margin-left : 0px;
	margin-top : 0px;
}

.ourServiceTitle {
	font-size : 20pt;
}

.ourTeam {
	margin-top : 0px;
	background-image : none;
	border : 0px solid black;
}

.serviceChartContainer {
	width : 96%;
	margin-left : 2%;
	height : 800px;
	border : 0px solid black;
}

.serviceChart {
	background-image : url('../imgs/service/m-services.png');
	width : 100%;
	height : 800px;	
	left : 0;
	top : 0;	
}

.serviceChartBg {
	display : none;
}

.dashLine {
	margin-top : 0;	
	width : 96%;
	height : 100%;
	margin-left : 2%;
	border : 0px solid black;
	margin-bottom : 20px;	
}

.dashLineImg {
	display : none;
}

.keatColumn {
	display : inline-block;
	position : relative;
	width : 100%;
	left : 0;
	top : 0;
}

.andyColumn {
	margin-top : 20px;
	display : inline-block;
	position : relative;
	width : 100%;
	left : 0;
	top : 0;	
}

.pennyColumn {
	margin-top : 20px;
	display : inline-block;
	position : relative;
	width : 100%;
	left : 0;
	top : 0;	
}

.veronColumn {
	margin-top : 20px;
	display : inline-block;
	position : relative;
	width : 100%;
	left : 0;
	top : 0;	
}

.janielColumn {
	margin-top : 20px;
	display : inline-block;
	position : relative;
	width : 100%;
	left : 0;
	top : 0;	
}

.careerColumn {
	margin-top : 20px;
	display : inline-block;
	position : relative;
	width : 100%;
	left : 0;
	top : 0;	
}

.personImg {
	width : 100%;
	height : 200px;
	border : 0px solid black;	
}

.personImgSecond {
	width : 100%;
	height : 200px;
	border : 0px solid black;
}


#personCareer {
	width : 100%;
	height : 200px;
}

.curveOutsideOurProject {
	display : none;
}

.ourProject {
	background-image : none;
	padding-top : 0px;
	margin-bottom : 20px;
}

.ourContact {
	background-image : none;
	background-color : white;
	padding-top : 0px;
	border : 0px solid black;	
}

.contactForm {
	width : 96%;
	margin-left : 2%;
	padding-top : 0px;
	margin-top : 20px;
	border : 0px solid black;
}

.skipHeadache {
	width : 300px;
	height : 75px;
	margin : auto;
	font-size  : 13pt;	
	position : relative;
	top : 0;
	left : 0;
	border : 0px solid black;
}

.skipRow1 {
	margin-top : 0px;
	padding-top : 5px;		
	border : 0px solid black;
}

.addressColumn {
	margin-top : 0px;
	font-size : 10pt;
	width : 100%;
}

.contactLogo {
	width : 100%;
	border : 0px solid black;
}

.curveOutsideOurContact {
	height : 0px;
	display : none;
}

.formColumn {
	margin-top : 30px;
	width : 100%;
}

.snamerow {
	width : 100%;
}

.semailrow {
	margin-left : 0%;
	margin-top : 5px;
	width : 100%;	
}

.submitButton {
	width : 100%;
	height : 80px;
	background-position : right;
}

.copy {
	padding-top : 50px;
	background-image : none;
	background-color : white;
	font-size : 8pt;	
}

.copyWriteUp {
	width : 160px;
	margin : auto;
}

.backToTop {
	right : 5px;
}

.popJoin {
	width : 96%;
	margin-left : 2%;
	min-height : 440px;	
}

.popJoinContainer {
	width : 90%;
	height : 90%;
	padding : 15px 10px;	
}

.popTitle {
	font-size : 12pt;
}

.popSmallTitle {
	width : 100%;
}

.popInput {
	width : 100%;
}

.popInput input {
	width : 100%;
}

.popRow {
	margin-top : 5px;
	font-size : 10pt;
	border : 0px solid black;
}

.popError {
	margin-top : 0px;
}

.popRowSmallLetter {
	font-size : 10pt;
}

.furtherRow {
	margin-top : 30px;
}

.submitPop {
	padding : 3px 3px;
}

/**** avg handling ****/
.svgAddOn {
	display : none;
}

.grid {
	margin : auto;
	margin-left : 10%;
	width: 80%;
	z-index : 2;
	position : relative;
}

.grid a {
	width: 100%;
	border : 0px solid black;
}

.grid figure img {
	opacity: 1;
}

.grid figcaption {
	top : 0px;
	padding: 0px 0 10px 0;
	background-image : none;
}

.grid figcaption h2 {
	margin: 0 0 0 0;
	padding: 10px 2% 10px 2%;	
	width : 96%;
	color: #3498db;
	background-color : white;
}

.grid figcaption h2,
.grid figcaption p {
	-webkit-transform: translateY(0);
	transform: translateY(0);
}