@charset "utf-8";

/* reset.css */ 

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1!important;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}





input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
input:-webkit-autofill:active  {
    -webkit-box-shadow: 0 0 0 30px rgb(240,240,240) inset !important;
}


select:-webkit-autofill,
select:-webkit-autofill:hover, 
select:-webkit-autofill:focus, 
select:-webkit-autofill:active  {
    -webkit-box-shadow: 0 0 0 30px rgb(240,240,240) inset !important;
}


textarea:-webkit-autofill,
textarea:-webkit-autofill:hover, 
textarea:-webkit-autofill:focus, 
textarea:-webkit-autofill:active  {
    -webkit-box-shadow: 0 0 0 30px rgb(240,240,240) inset !important;
}





/* wwrap.css */ 


/* Wwrap - CSS Framework Library, for Responsive Webdesign */


.w100 
{
	width:100%;
	height:auto; 
	position:relative;
	float:left;	
}


.w90 
{
	width:90%;
	height:auto; 
	position:relative;
	float:left;	
}

.w88 
{
	width:88%;
	height:auto; 
	position:relative;
	float:left;	
}

.w80 
{
	width:80%;
	height:auto; 
	position:relative;
	float:left;	
}


.w70 
{
	width:70%;
	height:auto; 
	position:relative;
	float:left;	
}


.w60 
{
	width:60%;
	height:auto; 
	position:relative;
	float:left;	
}

.w55 
{
	width:55%;
	height:auto; 
	position:relative;
	float:left;	
}


.w50 
{
	width:50%;
	height:auto; 
	position:relative;
	float:left;	
}

.w49 
{
	width:49%;
	height:auto; 
	position:relative;
	float:left;	
}



.w48 
{
	width:48%;
	height:auto; 
	position:relative;
	float:left;	
}


.w45 
{
	width:45%;
	height:auto; 
	position:relative;
	float:left;	
}


.w40 
{
	width:40%;
	height:auto; 
	position:relative;
	float:left;	
}



.w32 
{
	width:32%;
	height:auto; 
	position:relative;
	float:left;	
}


.w30 
{
	width:30%;
	height:auto; 
	position:relative;
	float:left;	
}


.w28
{
	width:28%;
	height:auto; 
	position:relative;
	float:left;	
}

.w20 
{
	width:20%;
	height:auto; 
	position:relative;
	float:left;	
}

.w18 
{
	width:18%;
	height:auto; 
	position:relative;
	float:left;	
}


.w16 
{
	width:16%;
	height:auto; 
	position:relative;
	float:left;	
}

.w15 
{
	width:15%;
	height:auto; 
	position:relative;
	float:left;	
}

.w12 
{
	width:12%;
	height:auto; 
	position:relative;
	float:left;	
}


.w10 
{
	width:10%;
	height:auto; 
	position:relative;
	float:left;	
}


.w5 
{
	width:5%;
	height:auto; 
	position:relative;
	float:left;	
}

.w4
{
	width:4%;
	height:auto; 
	position:relative;
	float:left;	
}


.w3
{
	width:3%;
	height:auto; 
	position:relative;
	float:left;	
}


.w2
{
	width:2%;
	height:auto; 
	position:relative;
	float:left;	
}


.ml10
{
	margin-left:10%;	
}

.mb0 
{
	margin-bottom:0px;	
}

.mt50 
{
	margin-top:50px;	
}

.mt30 
{
	margin-top:30px;	
}

.mt20 
{
	margin-top:20px;	
}

.mt10 
{
	margin-top:10px;	
}


.mt4
{
	margin-top:4%!important;	
}


.mt2
{
	margin-top:2%!important;	
}


.mt0
{
	margin-top:0px!important;	
}


.ml5 
{
	margin-left:5%; 
}

.ml2 
{
	margin-left:2%; 
}

.ml1 
{
	margin-left:1%; 
}

.fl
{
	float:left;
}

.fr
{
	float:right;	
}


.tcenter
{
	text-align:center;	
}


.cwhite 
{
	color:white;
}



/* Fonts.css */ 

@font-face {
	font-family: 'Muli-Light';
	src: url('../fonts/Muli-Light.eot?#iefix') format('embedded-opentype'),  url('../fonts/Muli-Light.woff') format('woff'), url('../fonts/Muli-Light.ttf')  format('truetype'), url('../fonts/Muli-Light.svg#Muli-Light') format('svg');
	font-weight: normal;
	font-style: normal;
  }
  
  
  @font-face {
	font-family: 'Muli-Bold';
	src: url('../fonts/Muli-Bold.eot?#iefix') format('embedded-opentype'),  url('../fonts/Muli-Bold.woff') format('woff'), url('../fonts/Muli-Bold.ttf')  format('truetype'), url('../fonts/Muli-Bold.svg#Muli-Bold') format('svg');
	font-weight: normal;
	font-style: normal;
  }
  
  
  
  @font-face {
	font-family: 'Muli-Black';
	src: url('../fonts/Muli-Black.eot?#iefix') format('embedded-opentype'),  url('../fonts/Muli-Black.woff') format('woff'), url('../fonts/Muli-Black.ttf')  format('truetype'), url('../fonts/Muli-Black.svg#Muli-Black') format('svg');
	font-weight: normal;
	font-style: normal;
  }

  










/* Layout.css */

img.cent.flag {
    margin: 0 auto;
    width: 34px;
    display: table;
    padding-top: 30px;
}

.section
{
	background-color:#fbfbfb;
	overflow:hidden;
}

.slide 
{
	width:100%; 
}

.section-dark
{
	background-color:black;
}



.section-bgqturq
{
	background-color:#7bb383;
}


.section-bggreen
{
	background-color:#a0bd64;
}


.section-bgyellow 
{
	background-color:#e9c74d;
}


.bg_turq 
{
	background-color:#7bb383;
}

.bg_green 
{
	background-color:#a0bd64;
}

.bg_yellow 
{
	background-color:#e9c74d;
}


.bg-augment 
{
	background-image: url('../images/augmented-reality.png');
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}

#vaugment
{
    position:relative;
    width:100%;
}

#fp-nav
{
	display:none;
}


.vaugmentimg
{
	width:100%; 
	position:absolute;
	left:0px;
	top:0px;
	z-index:2;	
}




img.logo-large {
    width: 75%;
    position: absolute;
    left: 50%;
    top: -50px;
    height: 110%;
    transform: translateX(-50%);
	z-index:0;
	display:none;
}



img.scroll-down {
    width: 50px;
    position: absolute;
    left: 50%;
	transform:translateX(-50%); 
    bottom: 1.6%;
	opacity:0.8;
	z-index:2;
  	animation-iteration-count: infinite;	
}

.toggle
{
	width:33px;
	position:absolute;
	right:1%;
	top:2%;
	opacity:0.8;	
	z-index:1;
}


.scroll-down:hover, .toggle:hover 
{
	cursor:pointer;
	opacity:1;
}

.rating-item
{
	opacity:0.8;
	margin-bottom:20px; 
	min-height:230px; 
}

.rating-item:hover{
	cursor:pointer;
	opacity:1;
}

img.profile-img {
    margin: 0 auto;
    display: block;
}

.bold 
{
	font-family:'Muli-Bold';
}



body 
{
	font-family:'Muli-Light';
	font-size:12px;
	line-height:120%;
}

 h2
{
	font-size:4em;
	color:black;
	font-family:'Muli-Black';
}


h3, .h3
{
	font-size:3.5em;
	font-family:'Muli-Light';
}


h2.cwhite
{
	color:white;
}

p
{
	font-size:1.7em;
	color:black;
	font-family:'Muli-Light';
	line-height:140%;
}

a{
	font-family:'Muli-Light';
	text-decoration:none;
}

.teaser 
{
	width:96%;
	left:1%; 
	bottom:2%;
	position:absolute;
	color:white;
	z-index:1;
	display:none;
}


.teaser h1 
{
	font-family:'Muli-Bold';
	font-size:3em;
	line-height:120%;
	color:white;
}

.teaser h2 
{
	font-family:'Muli-Light';
	font-size:3em;
	line-height:120%;	
	color:white;
}




.wbox 
{
	width:50%;
	margin-left:25%;
	float:left;
}

.seo-title 
{
	display:none;
}

.padbox
{
	width:100%; 
	float:left;
	box-sizing:border-box;
	padding:2%;
}


.service-icon
{
	width:150px;
	margin:0 auto;
	display:block;
	margin-bottom:10px;	
}

.service-icon-animation
{
	width:150px;
	margin:0 auto;
	display:block;
	margin-bottom:10px;	
}

.service-item 
{
	box-sizing:border-box; 
	padding:20px;
	opacity:0.8;
	min-height:430px;
}

.service-item:hover 
{
	cursor:pointer;
	opacity:1;
}

.service-item h2 
{
	font-family:'Muli-Bold';
	font-size:3em;
	line-height:120%;
}

.service-item h3, .service-item .h3
{
	font-family:'Muli-Light';
	font-size:3em;
	line-height:120%;
}

.service-item p 
{
	line-height:120%;
	font-size:1.7em;
}



.vcent {
    position: absolute;
    left: 0px;
    top: 50%;
    transform: translateY(-50%);
    padding: 2%;
	width:96%;
}


#fp-nav ul li a span, .fp-slidesNav ul li a span
{
	background-color:#7cad85;
	display:none;
}


.button-white 
{
	font-family:'Muli-Light'; 
	background-color:none;
	text-decoration:none;
	padding:20px;
	color:white;
	font-size:1.3em;
	margin:0 auto;
	display:block;
	width:170px;
	border:3px solid white;
	text-align:center;
	text-transform:uppercase;
}


.button-white:hover 
{
	cursor:pointer;
	background-color:white;
	color:black;
}


.overlay h3, .overlay .h3
{
	font-family:'Muli-Bold'; 
	font-size:1.7em!important;
	line-height:140%;
	text-transform:uppercase;
}

.overlay h4, .overlay .h4
{
	font-family:'Muli-Light'; 
	font-size:1.7em!important;
}

.overlay 
{
	position:absolute;
	width:100%;
	height:100%;
	left:0px;
	top:0px;
	z-index:1;
	display:none;
}

.reference:hover 
{
	cursor:pointer;
}

.overlay_bgturq
{
	background-color:rgba(124,173,133,0.75);
}

.overlay_bggreen
{
	background-color:rgba(160,189,100,0.75);
}

.overlay_bgyellow
{
	background-color:rgba(233,199,77,0.75);
}

.form-box 
{
	width:50%; 
	margin-left:25%; 
	float:left;
}

.tinput, .tarea
{
	width:100%; 
	padding:15px; 
	box-sizing:border-box;
	float:left;
	border:0px; 
	font-family:'Muli-Light';
	font-size:1.7em;
}

.tarea 
{
	min-height:200px;
}


input.checkbox {
    -webkit-appearance: none;
    background: white;
    width: 30px;
    height: 30px;
	cursor:pointer;
}


input.checkbox:checked {
    -webkit-appearance: none;
    background: black;
    width: 30px;
    height: 30px;
	border:10px solid white;
}

.wfourtypx
{
	width:40px;
	height:40px;
	float:left;
}

.wlabel 
{
	width:calc(98% - 40px); 
	float:left;
	margin-top:5px;
}


.star 
{
	width:20px;
	margin-right:10px;
	float:left;
	max-width:40px;
}

h4, .h4
{
	font-family:'Muli-Bold';
	font-size:2.5em;
}


h5, .h5
{
	font-family:'Muli-Light';
	font-size:1.8em;
}


.ratingbox h4, .ratingbox .h4
{
	font-size:2em;
}

.ratingbox h5, .ratingbox .h5
{
	font-size:1.5em; 
}


.ratingbox p 
{
	font-size:1.2em; 
}

.ratingbox 
{
	padding-right:0!important;
}

#menu 
{
	width:300px;
	background-color:white;
	position:fixed;
	height:100%; 
	right:-300px;
	top:0px;
	z-index:100;
	box-sizing:border-box;
	padding:4%;
	-webkit-box-shadow: -10px 10px 32px -15px rgba(66,66,66,1);
	-moz-box-shadow: -10px 10px 32px -15px rgba(66,66,66,1);
	box-shadow: -10px 10px 32px -15px rgba(66,66,66,1);
}


.menu-item 
{
	font-family:'Muli-Light';
	font-size:1.7em;
	width:100%; 
	color:black;
	float:left;
	margin-bottom:30px;
	cursor:pointer;
}

.menu-item:hover 
{
	color:rgba(124,173,133,1);
}


.toggle-close 
{
	width:40px;
	right:4%;
	top:2%;
	z-index:1;
}


#overlay 
{
	width:100%;
	position:fixed;
	left:0px;
	top:0px;
	height:100%; 
	background-color:rgba(0,0,0,0.5); 
	z-index:10;
	display:none;
}

a:hover 
{
	color:rgba(124,173,133,1);
}


.cookie-disclaimer
{
	background-color:rgba(0,0,0,0.8);
	height:80px;
	position:fixed;
	left:0px;
	bottom:0px;
	z-index:101;
	font-size:0.8em;
	box-sizing:border-box;
	padding:20px;
	display:none;
}

.cookie-disclaimer p 
{
	width:calc(100% - 280px);
	float:left;
}

.cookie-disclaimer a 
{
	color:white;
}

.cookie-disclaimer .button-white
{
	position:absolute;
	top:50%;
	transform:translateY(-50%); 
	right:20px;
}

.errors
{
	visibility:hidden;
	color:white;
}


.subtext-container
{
	width:50%; 
	margin-left:25%;
	margin-top:40px;
	float:left;
}



.section-bgautodesk 
{
	background-image:url('../images/references/web_autodesk_xl.jpg');
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center center;
}


.cturq 
{
	color:#7cad85;
}

.st-toggle
{
	display:none!important; 
}





@keyframes shake {
  0% { transform: translate(-20px, 1px) rotate(0deg); }
  10% { transform: translate(-20px, -2px) rotate(-1deg); }
  20% { transform: translate(-20px, 0px) rotate(1deg); }
  30% { transform: translate(-20px, 2px) rotate(0deg); }
  40% { transform: translate(-20px, -1px) rotate(1deg); }
  50% { transform: translate(-20px, 2px) rotate(-1deg); }
  60% { transform: translate(-20px, 1px) rotate(0deg); }
  70% { transform: translate(-20px, 1px) rotate(-1deg); }
  80% { transform: translate(-20px, -1px) rotate(1deg); }
  90% { transform: translate(-20px, 2px) rotate(0deg); }
  100% { transform: translate(-20px, -2px) rotate(-1deg); }
}


.fp-controlArrow.fp-prev {
		left: 15px;
		width: 40px;
		height: 40px;
		border-width: 0; 
		border-color: transparent #fff transparent transparent;
		background-image: url('/images/left.svg');
		z-index: 9999;
		background-position: left center;
		background-size: contain;
		background-repeat: no-repeat;
		opacity:0.8;
}


.fp-controlArrow.fp-next {
	right: 15px;
	width: 40px;
	height: 40px;
	border-width: 0; 
	border-color: transparent #fff transparent transparent;
	background-image: url('/images/right.svg');
	z-index: 9999;
	background-position: right center;
	background-size: contain;
	background-repeat: no-repeat;
	opacity:0.8;
}


.fp-controlArrow.fp-next:hover, .fp-controlArrow.fp-prev:hover 
{
	cursor:pointer; 
	opacity:1;
}



#particles-js {
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: transparent;
	background-image: url("");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 50% 50%;
	z-index:2;
	left:0px;
	top:0px; 
	opacity:0.8; 
  }


  #st-2
  {
	  top:2%!important; 
  }

  .fp-controlArrow.fp-prev, .fp-controlArrow.fp-next
  {
	  display:none!important;
  }




/* Mobile.css */ 

@media screen and (max-width:1700px)
{
	img.logo-large 
	{
		width:100%;
	}
}


@media screen and (max-width:1500px)
{
	img.logo-large 
	{
		width:125%;
	}
}






@media screen and (max-width:1025px)
{
	.ratingbox .w12
	{
		width:4%; 
	}
	
	.rating-item 
	{
		width:22%;
		min-height:230px;
	}
	
	.cookie-disclaimer 
	{
		height:100px;
	}

	#fullpage > div.section.fp-section.fp-table.active.fp-completely > div > div > div > div > div:nth-child(15) {
		display: none;
	}

	.grid-break
	{
		margin-left:2%;
	}

	#st-2
	{
		top:0px!important; 
		left:0px!important;
		font-family: "Helvetica Neue", Verdana, Helvetica, Arial, sans-serif!important;
		-moz-transition: all 0.2s ease-in!important;
		-ms-transition: all 0.2s ease-in!important;
		-o-transition: all 0.2s ease-in!important;
		-webkit-transition: all 0.2s ease-in!important;
		transition: all 0.2s ease-in!important;
		backface-visibility: hidden!important;
		display: block!important;
		position: fixed!important;
		opacity: 1!important;
		text-align: left!important;
		z-index: 94034!important;
		width:40px!important;
		height:120px!important;  
	}


	#st-2 .st-btn {
		-moz-box-sizing: border-box!important; 
		-webkit-box-sizing: border-box!important; 
		box-sizing: border-box!important; 
		-moz-transition: all 0.2s ease-in!important; 
		-ms-transition: all 0.2s ease-in!important; 
		-o-transition: all 0.2s ease-in!important; 
		-webkit-transition: all 0.2s ease-in!important; 
		transition: all 0.2s ease-in!important; 
		border: none!important; 
		cursor: pointer!important; 
		display: inline-block!important; 
		font-size: 12px!important; 
		height: 40px!important; 
		line-height: 20px!important; 
		margin-bottom: 0px!important; 
		opacity: 1!important; 
		overflow: hidden!important; 
		padding: 10px!important; 
		position: relative!important; 
		text-align: left!important; 
		top: 0!important; 
		vertical-align: top!important; 
		white-space: nowrap!important; 
		width: 40px!important; 
	}


	#st-2 > div {
		clear: left!important;
		float: left!important;
	}


}



@media screen and (max-width:1000px)
{
	.service-item 
	{
		width:100%;
		margin-bottom:2%;
		min-height:0px!important;
		padding:20px;
	}
	
	.hideMid 
	{
		display:none;
	}
	
	.service-icon 
	{
		width:130px;
		float:left;
	}
	
	.service-item h2, .service-item h3, .service-item .h3
	{
		width:calc(100% - 160px);
		margin-left:10px;
		float:left;
		text-align:left;
		margin-top:15px;
	}
	
	.service-item h3, .service-item .h3
	{
		margin-top:0px;
	}
	
	.service-item p
	{
		text-align:left;
		margin-top:10px;
	}
	
	
	.w15 
	{
		width:32%; 
		margin-bottom:0px;
	}
	
	
	.form-box
	{
		width:100%;
		margin-left:0px;
	}
	
	 .wbox
	{
		width:96%;
		padding:2%;
		margin-left:0px;
	}
		
	.rating-item 
	{
		width:44%;
		margin-bottom:50px;
		min-height:200px;
	}
	
	.ratingbox
	{
		width:95%;
		margin-left:5%;
	}
	
	
	img.logo-large
	{
		width:150%;
		left:53%;
	}
	
	
	.w49 
	{
		width:100%;
	}


	.toggle-main
	{
		display:block; 
	}


	.fp-tableCell {
		width:100%;
		float:left;
		height:auto!important;
	}


	.fp-section:not(.section-start).fp-table, .fp-slide.fp-table {
		display:block;
		width:100%;
		float:left;
		height:auto!important;
		overflow:visible;
	}

	.padbox 
	{
		padding-top:0px; 
		padding-bottom:0px; 
	}

	h2 
	{
		margin-top: 100px;
		margin-bottom: 50px;
	}

	.service-item h2 
	{
		margin-top:20px;
		margin-bottom:0px;
	}

	.teaser h2
	{
		margin-top:0px;
		margin-bottom:0px; 
	}

	.mt2, .mt4
	{
		margin-top:0px!important; 
	}

	.w2 
	{
		height:1px; 
	}

	.w4 
	{
		width:2%; 
	}

	.w48 
	{
		width:49%; 
	}

	.mt10 
	{
		margin-top:0px; 
	}


	.reference 
	{
		margin-bottom:20px; 
	}


	.service-item:last-of-type
	{
		margin-bottom:100px; 
	}


	.wbox
	{
		margin-bottom:80px; 
	}


	.form-box
	{
		margin-top:0px; 
	}

	#send-button
	{
		margin-bottom:100px; 
	}

	.section-footer
	{
		padding-bottom:100px; 
	}

	.lastref 
	{
		margin-bottom:100px; 
	}

}


@media screen and (max-width:700px)
{
	.cookie-disclaimer
	{
		height:120px;
	}
	
	
	.cookie-disclaimer p 
	{
		width:100%; 
		text-align:center;
	}
	
	.cookie-disclaimer .button-white 
	{
		left:50%; 
		transform:translateX(-50%) translateY(-50%);
		padding:10px;
		top:75%;
		margin-left:0px;
	}


	.w15 
	{
		width:100%; 
		margin-bottom:0px;
	}
	
	
}



@media screen and (max-width:620px)
{
	.cookie-disclaimer
	{
		height:140px;
	}

	.rating-item
	{
		width:100%; 
		min-height:unset; 
	}


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


	.ratingbox p {
		font-size: 1.5em;
	}

	.grid-break 
	{
		margin-left:0px; 
	}


	.stars 
	{
		margin:0 auto; 
		display:table;
		width:auto; 
		float:unset; 
	}


	.rating-item h4, .rating-item .h4, .rating-item h5, .rating-item p, .rating-item .h5
	{
		text-align:center;
	}
	.rating-item h5, .rating-item .h5
	{
		margin-bottom:10px; 
	}

	
}


@media all and (max-width:500px)
{
	
	.fp-tableCell
	{
		vertical-align:bottom;
	}

	.section-footer .fp-tableCell, .section-start .fp-tableCell
	{
		vertical-align:middle!important;
	}
	
	
	.subtext-container
	{
		width:80%;
		margin-left:10%;
	}
	
	.teaser
	{
	  left:0px;
	  bottom:14%;
	  width:100%; 
	}
	
	
	body 
	{
		font-size:9px;
	}
	
	.menu-item 
	{
		font-size:2em;
	}
	
	
	.teaser h1, .teaser h2
	{
		text-align:center;
	}
	
	h2
	{
		font-size:3.5em;
	}
	
	h3, .h3
	{
		font-size:2.8em;
	}
	
	.service-icon
	{
		width:100px;
		margin-bottom:0px;
	}
	
	.service-item p
	{
		margin-top:0px;
	}
	
	.service-item 
	{
		padding:2%;
	}
	

	
	.hideM
	{
		display:none;
	}
	
	

	
	#menu 
	{
		width:50%;
	}
	
	.toggle
	{
		width:40px;
	}
	
	.toggle-close
	{
		width:30px;
	}
	
	img.scroll-down
	{
		width:40px;
		bottom:5%; 
	}
	
	.wbox .mt30, .wbox .mt20
	{
		margin-top:10px;
	}
	
	.servicebox .mt50
	{
		margin-top:20px;
	}
	
	
	.service-icon
	{
		width:70px;
	}
	
	.service-item 
	{
		padding:20px;
	}
	
	.service-item h2, .service-item h3, .service-item .h3
	{
		text-align:left!important;
		width:calc(100% - 100px);
		margin-top:0px;
	}
	
	.service-item .tcenter
	{
		text-align:left;
	}
	
	.service-item h2  
	{
		margin-top:0px;
	}
	
	
	.section-footer h2 
	{
		margin-bottom:30px;
	}
	
	
}


@media all and (max-width:400px)
{
	
	body 
	{
		font-size:8px;
	}
	
	.service-item .tcenter 
	{
		text-align:left;
	}
	
	.profile-img
	{
		width:150px;
	}
	

	
	
}




@media all and (max-width:350px)
{
	body 
	{
		font-size:7px;
	}
}