html, body{
	font-family: 'Open Sans', sans-serif;
}
@media screen and (max-width: 559px)  {
	[data-puzzel-chat] { display: none !important; }
}

/******************** DESKTOP  ********************/

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

	p, li {
		font-size:1.1em;
		line-height:1.4em;
	}

	h3{
		font-size:2.5em;
		margin-bottom:20px;
	}

	h4{
		font-size:1.7em;
	}

	.hide-desktop{
		display:none;
	}

	.container{
		padding:35px;
		width:1200px;
		overflow:hidden;
	}
	
	header{
		position:fixed;
		width:100%;
		height:100px;
		background:white;
		border-bottom:1px solid #000;
		z-index:100;
	}

	header #logo{
		width:200px;
		margin-top:0px;
	}

	.container-header{
		padding:0 15px;
		width:1200px;
		overflow:hidden;
		margin:0 auto;
	}


	#phone{
		text-align:right;
	}

	#phone{
		margin:10px 0;
	}

	#phone a{
		color:#FD7647;
		font-size:25px;
		font-weight:400;
	}

	#menu ul li{
		display:inline;
		list-style:none;
	}

	#menu a:hover{
		background-color:#EEE;
		padding:5px 5px 2px 5px;
		border-radius:5px 5px 0 0;
		margin-right:0px;
        text-decoration: none;
	}

	#menu a{
		color:#ffe7db;
		font-size:18px;
		font-weight:400;
		margin-left:20px;
	}

	#menu a#active{
		background-color:#350003;
		padding:5px 5px 2px 5px;
		border-radius:5px 5px 0 0;
		cursor: default;
        pointer-events: none;        
        text-decoration: none;
	}

	section{
		width:100%;
		margin:0 auto;
	}

	.hide-desktop{
		display:none;
	}



/* --------------- POWER --------------- */

	#powered .container {
		background:url(/images/powered-back-694.png);
		width:1200px;
		height:700px;
	}

	section#powered{
		position:relative;
		background-color:#300004;
		width:100%;
	}  

	section#powered h3#powered-top{
		font-size:3.5em;
		font-weight:200;
		line-height:1.2em;
		color:white;
		margin-bottom:10px;
		width:40%;
		margin-top:100px;
	}

	section#powered h3#powered-bottom{
		font-size:3.5em;
		font-weight:800;
		line-height:1.0em;
		color:white;
	}

/* --------------- WELCOME --------------- */

	
	section#welcome{
		background-color: #FD7647;
		padding:25px;
	}

	section#welcome h4{
		font-size:2.8em;
		font-weight:300;
		line-height:1.2em;
		color:#350003;
		width:55%;
	}

	section#welcome p{
		font-weight:300;
		font-size:1.5em;
		line-height:1.4em;
		color:#222222;
		margin-top:20px;
	}

	ul.welcome-list{
		list-style-image: url('../images/square-white.gif');
		margin-left:30px;
		padding-left:0px;
	}

	ul.welcome-list li{
		padding-left:10px;
		margin:30px 0;
	}

/* --------------- Share-thinking --------------- */

	section#share-thinking{
		padding:0px;
		overflow:hidden;
		position: relative;
		color:#350003;
		background:#ffe7db;
	}

	#share-thinking .container{
		background-image:url('../images/mapd-thinking.png');
		width:1200px;
		height:885px;
	}

	.share-thinking {
		text-align:center;
		width:25%;
	}

	.top-left h4{
		padding:180px 90px 100px 90px;
		font-size:2.5em;
		width:500px;
		display:block;
	}

	.top-right h4{
		padding:70px 100px 100px 90px;
		font-size:2.5em;
		width:550px;
		display:block;
	}

	.bottom-left h4{
		padding:80px 50px 55px 130px;
		font-size:2.5em;
		width:500px;
		display:block;
	}


	section#share-thinking h3{
		font-weight:300;
	}

	section#share-thinking h4{
		text-align:center;
		margin:0 auto;
	}


/* --------------- Power of MAPD --------------- */


	section#power-mapd{
		background-color: #FFFFFF;
		padding:25px;
		overflow:hidden;
		position: relative;
	}

	section#power-mapd h3{
		font-weight:300;
		margin-bottom:20px;
	}


	.row-1{
		height:350px;
	}

	.row-1-right{
		background-image:url('../images/power-mapd-1-right.png');
		background-repeat:no-repeat;
	}

	.row-1-left h4{
		padding:50px 30px 0 30px;
		font-size:2.2em;
	}
	
	.row-1-right p{
		padding:85px 130px 0 210px;
		font-size:1.6em;
		font-family: 'Euphoria Script', cursive;
		font-weight:400;
	}

	.row-2{
		height:400px;
		margin-top:-50px;
	}


	.row-2-left{
		background-image:url('../images/power-mapd-2-left.png');
		background-repeat:no-repeat;
		padding:80px 300px 0 80px;
		font-family: 'Euphoria Script', cursive;
		font-size:1.6em;
		font-weight:400;
	}

	.row-2-left p{
		font-size:1.2em;
	}
	
	.row-2-right h4{
		padding:50px 30px 0 30px;
		font-size:2.4em;
		color:#FD7647;
	}

	.row-3{
		height:390px;
		margin-top:-50px;
	}

	.row-3-right{
		background-image:url('../images/power-mapd-3-right.png');
		background-repeat:no-repeat;
		padding:80px 100px 0 190px;
		font-family: 'Euphoria Script', cursive;
		font-size:1.5em;
		font-weight:400;
	}

	.row-3-right p{
		font-size:1.2em;
	}
	
	.row-3-left h4{
		padding:50px 30px 0 30px;
		font-size:2.4em;
	}

	.row-4{
		height:350px;
		margin-top:-50px;
	}

	.row-4-left{
		background-image:url('../images/power-mapd-4-left.png');
		background-repeat:no-repeat;
		padding:70px 300px 0 120px;
		font-family: 'Euphoria Script', cursive;
		font-size:1.4em;
		font-weight:400;
	}

	.row-4-left p{
		font-size:1.4em;
	}
	
	.row-4-right h4{
		padding:50px 100px 0 0px;
		font-size:2.4em;
		color:#FD7647;
	}

	.row-5{
		height:580px;
		margin-top:-50px;
	}

	.row-5-right{
		background-image:url('../images/power-mapd-5-right.png');
		background-repeat:no-repeat;
		padding:100px 100px 0px 320px;
		font-family: 'Euphoria Script', cursive;
		font-size:1.5em;
		font-weight:400;
	}

	.row-5-right p{
		font-size:1.2em;
		line-height:1.6em !important;
	}
	
	.row-5-left h4{
		padding:50px 0px 0 0px;
		font-size:2.3em;
	}


/* --------------- Two Way --------------- */

	section#two-way{
		background-color: #FD7647;
		margin-top:100px;
		padding:25px;
		color:#1f1f1f;
	}

	section#two-way h4{
		font-size:2.5em;
		font-weight:300;
		line-height:1.2em;
		width:70%;
	}

	section#two-way p{
		font-weight:400;
		font-size:1.0em;
		line-height:1.4em;
		padding-top:20px;
	}

	.two-way.left{
		padding:0px 10px 0px 40px;
	}
	.two-way.right{
		padding:40px 120px 0px 40px;
	}

/* --------------- Why Matter --------------- */

	#why-matter {
		padding:35px;
		color:#1f1f1f;
	}

	section#why-matter{
		position:relative;
		background:url(/images/why-matter-back.png);
		background-repeat:no-repeat;
		height:700px;
		margin:0 auto;
		width:1200px;
	}  

	section#why-matter h3{
		font-size:2.4em;
		font-weight:200 !important;
		line-height:1.2em;
		color:black;
		margin-bottom:20px;
		width:60%;
	}

	section#why-matter p{
		font-weight:400;
		font-size:1.0em;
		line-height:1.4em;
		color:black;
		width:70%;
	}

/* --------------- CONTACT --------------- */

	#contact{
		padding:30px 0 ;
	}

	#contact p{
		color: #FAE8E1;
	}

	.contact-details a{
		color:#FAE8E1 !important;
	}

	section#contact{
		background-color: #350003;
	}

	section#contact p{
	}

	#contact .row{
		margin:0;
	}


	section#contact h3{
		font-weight:600;
	}

	section#contact h4{
		font-size:20px;
		font-weight:600;
		line-height:1.2em;
		color:#D02724;
	}

	.company-reg{
		margin-top:50px;
	}

}





/******************** TABLET  ********************/

@media screen and (max-width: 1023px) and (min-width:600px) {


	p, li {
		font-size:0.9em;
		line-height:1.4em;
	}

	h3{
		font-size:2.0em;
		line-height:1.6em;
		margin-bottom:20px;
		font-weight:200;
	}

	.hide-mobile{
		display:none;
	}

	.container{
		padding:35px;
		width:100%;
		overflow:hidden;
	}
	
	header{
		position:fixed;
		width:100%;
		height:90px;
		background:white;
		border-bottom:1px solid #000;
		z-index:100;
	}

	img#logo{
		margin-top:10px !important;
		width:130px;
		margin-left:-8px;
		margin-top:-20px;
	}

	.container-header{
		padding:0px 15px 0 15px;
		width:100%;
		overflow:hidden;
		margin:0 auto;
	}


	#phone{
		text-align:right;
	}

	#phone h3{
		margin-bottom:0px !important;
	}

	#phone h3 a{
		color:#FD7647;
		font-size:25px;
		font-weight:400;
	}

	#menu ul li{
		display:inline;
		list-style:none;
	}

	#menu a{
		color:#802522;
		font-size:20px;
		font-weight:400;
		margin-left:20px;
	}



/* --------------- POWER --------------- */

	#powered .container {
		position:absolute;
		z-index:10;
		margin-top:100px;
		padding:50px;
	}

	section#powered{
		position:relative;
		height:600px;
		background:url(/images/powered-back-694.png);
		background-size:100%;
		background-position:bottom;
		background-repeat:no-repeat;
		background-color:#350003;
	}  

	section#powered h3#powered-top{
		font-size:2.5em;
		font-weight:200;
		line-height:1.2em;
		color:white;
		margin-bottom:10px;
		width:100%;
	}

	section#powered h3#powered-bottom{
		font-size:3.0em;
		font-weight:400;
		line-height:1.0em;
		color:white;
	}



/* --------------- WELCOME --------------- */

	
	section#welcome{
		background-color: #FD7647;
	}

	section#welcome h4{
		font-size:2.0em;
		font-weight:300;
		line-height:1.6em;
		color:black;
	}

	section#welcome p{
		font-weight:300;
		font-size:1.2em;
		line-height:1.4em;
		color:black;
	}

	ul.welcome-list{
		list-style-image: url('../images/square-white.gif');
		margin-left:30px;
		padding-left:0px;
	}

	ul.welcome-list li{
		padding-left:10px;
		margin:30px 0;
	}

/* --------------- Share-thinking --------------- */

	section#share-thinking{
		#background:#ffe7db;
		background-image:url('../images/mapd-thinking.png');
		background-repeat:no-repeat;
		background-size:100%;
		padding:25px;
		overflow:hidden;
		position: relative;
		margin-left:-30px;
		padding-bottom:60px;
	}

	.share-thinking {
		text-align:center;
	}

	.top-left h4{
		padding:70px 60px 0px 0px;
		font-size:1.4em;
		display:block;
		width:90%;
	}

	.top-right h4{
		padding:0px 50px 0px 50px;
		font-size:1.4em;
		display:block;
	}

	.bottom-left h4{
		padding:150px 30px 0px 30px;
		font-size:1.4em;
		display:block;
	}


	section#share-thinking h3{
		font-weight:300;
	}

	section#share-thinking h4{
		text-align:center;
		margin:0 auto;
	}


/* --------------- Power of MAPD --------------- */


	section#power-mapd{
		background-color: #FFFFFF;
		padding:0px;
		overflow:hidden;
		position: relative;
	}

	section#power-mapd h3{
		font-weight:300;
		margin-bottom:50px;
	}

	section#power-mapd p{
		line-height:1.4em;
		font-family: 'Euphoria Script', cursive;
		font-weight:400;
	}

	.row-1-right{
		background-image:url('../images/power-mapd-1-right.png');
		background-repeat:no-repeat;
		background-size:100%;
		padding:50px 70px 50px 140px;
	}

	.row-1-left h4{
		font-size:1.5em;
	}
	
	.row-1-right p{
		font-family: 'Euphoria Script', cursive;
		font-size:1.1em;
		font-weight:600;
	}

	.row-2-left{
		background-image:url('../images/power-mapd-2-left.png');
		background-repeat:no-repeat;
		background-size:100%;
		padding:50px 150px 50px 30px;
		font-family: 'Euphoria Script', cursive;
		font-size:1.1em;
		font-weight:600;
	}

	.row-2-left p{
		font-size:1.2em;
	}
	
	.row-2-right h4{
		font-size:1.5em;
		color:#FD7647;
	}


	.row-3-right{
		background-image:url('../images/power-mapd-3-right.png');
		background-repeat:no-repeat;
		background-size:100%;
		padding:40px 40px 50px 120px;
		font-family: 'Euphoria Script', cursive;
		font-size:1.1em;
		font-weight:600;
	}

	.row-3-right p{
		font-size:1.2em;
	}
	
	.row-3-left h4{
		font-size:1.5em;
	}


	.row-4-left{
		background-image:url('../images/power-mapd-4-left.png');
		background-repeat:no-repeat;
		background-size:100%;
		padding:35px 140px 50px 60px;
		font-family: 'Euphoria Script', cursive;
		font-size:1.1em;
		font-weight:600;
	}

	.row-4-left p{
		font-size:1.4em;
	}
	
	.row-4-right h4{
		font-size:1.5em;
		color:#FD7647;
	}

	.row-5{
		height:420px;
	}

	.row-5-right{
		background-image:url('../images/power-mapd-5-right.png');
		background-repeat:no-repeat;
		background-size:100%;
		padding:50px 10px 0px 200px;
		font-family: 'Euphoria Script', cursive;
		font-size:1.1em;
	}

	.row-5-right p{
		font-size:1.2em;
	}
	
	.row-5-left h4{
		font-size:1.5em;
	}



/* --------------- Two Way --------------- */

	section#two-way{
		background-color: #FD7647;
		margin-top:50px;
	}

	section#two-way h4{
		font-size:2.0em;
		font-weight:300;
		line-height:1.6em;
		color:black;
		padding-bottom:20px;
	}

	section#two-way p{
		font-weight:300;
		font-size:1.4em;
		line-height:1.4em;
	}

	.two-way.left{
		background-image:url('../images/two-way-back.png');
		background-repeat:no-repeat;
		background-size:100%;
		padding:80px 10px 800px 40px;
	}
/* --------------- Why Matter --------------- */

	#why-matter .container {

		margin-top:10px;
	}

	section#why-matter{
		position:relative;
		background:url(/images/why-matter-back.png);
		background-repeat:no-repeat;
		background-position:center bottom;
		background-size:100%;
		height:550px;
	}  

	section#why-matter h3{
		font-size:2.0em;
		font-weight:200;
		line-height:1.2em;
		color:black;
		padding-bottom:20px;
	}

	section#why-matter p{
		font-weight:300;
		font-size:1.27em;
		line-height:1.4em;
		color:black;
		padding-top:20px;
	}

/* --------------- CONTACT --------------- */

	#contact{
		padding-top:20px;
	}

	#contact .container{
		padding:0;
	}

	#contact p{
		color: #FAE8E1;
	}

	.contact-details a{
		color:#FAE8E1 !important;
	}

	section#contact{
		background-color: #350003;
	}

	section#contact p{
	}

	#contact .row{
		margin:0;
	}


	section#contact h3{
		font-weight:600;
	}

	section#contact h4{
		font-size:20px;
		font-weight:600;
		line-height:1.2em;
		color:#D02724;
	}

	.company-reg{
		margin-top:50px;
	}
}





/******************** MOBILE  ********************/

@media (max-width: 600px) {


	p, li {
		font-size:0.9em;
		line-height:1.4em;
	}

	h3{
		font-size:2.0em;
		line-height:1.6em;
		margin-bottom:20px;
		font-weight:200;
	}

	.hide-mobile{
		display:none;
	}

	.container{
		padding:25px;
		width:100%;
		overflow:hidden;
	}
	
	header{
		position:fixed;
		width:100%;
		height:90px;
		background:white;
		border-bottom:1px solid #000;
		z-index:100;
	}

	img#logo{
		margin-top:10px !important;
		width:130px;
		margin-left:-8px;
		margin-top:-20px;
	}

	.container-header{
		padding:0px 15px 0 15px;
		width:100%;
		overflow:hidden;
		margin:0 auto;
	}


	#phone{
		text-align:right;
	}

	#phone{
		margin-bottom:0px !important;
	}

	#phone a{
		color:#FD7647;
		font-size:25px;
		font-weight:400;
	}


	#menu a{
		color:#ffe7db;
		font-size:20px;
		font-weight:400;
		margin-left:20px;
	}

	#menu a#active{
		background-color:#350003;
		padding:5px;
		border-radius:5px 5px 0 0;
		cursor: default;
        pointer-events: none;        
        text-decoration: none;
	}




/* --------------- POWER --------------- */

	#powered .container {
		position:absolute;
		z-index:10;
		margin-top:100px;
	}

	section#powered{
		position:relative;
		height:500px;
		background:url(/images/powered-back-694.png);
		background-size:100%;
		background-position:bottom;
		background-repeat:no-repeat;
		background-color:#350003;
	}  

	section#powered h3#powered-top{
		font-size:2.0em;
		font-weight:200;
		line-height:1.2em;
		color:white;
		margin-bottom:0px;
		width:60%;
	}

	section#powered h3#powered-bottom{
		font-size:2.0em;
		font-weight:200;
		line-height:1.2em;
		color:white;
		margin-bottom:10px;
		width:100%;
	}



/* --------------- WELCOME --------------- */

	
	section#welcome{
		background-color: #FD7647;
	}

	section#welcome h4{
		font-size:2.0em;
		font-weight:300;
		color:#350003;
		margin-bottom:40px;
	}

	section#welcome p{
		font-weight:300;
		font-size:1.2em;
		line-height:1.4em;
		color:#222222;
	}


/* --------------- Share-thinking --------------- */

	section#share-thinking{
		#background:#ffe7db;
		background-image:url('../images/mapd-thinking-mobile-500.png');
		background-repeat:no-repeat;
		background-size:100%;
		padding:25px;
		overflow:hidden;
		position: relative;
		margin-left:-30px;
		padding-bottom:350px;
		color:#350003;
	}

	.share-thinking {
		text-align:center;
	}

	.top-left h4{
		padding:60px 40px 90px 10px;
		font-size:1.6em;
		display:block;
	}

	.top-right h4{
		padding:20px 0px 60px 30px;
		font-size:1.4em;
		display:block;
	}

	.bottom-left h4{
		padding:110px 20px 0px 10px;
		font-size:1.7em;
		display:block;
	}


	section#share-thinking h3{
		font-weight:300;
	}

	section#share-thinking h4{
		text-align:center;
		margin:0 auto;
	}


/* --------------- Power of MAPD --------------- */


	section#power-mapd{
		background-color: #FFFFFF;
		padding:0px;
		overflow:hidden;
		position: relative;
	}

	section#power-mapd h3{
		font-weight:300;
		margin-bottom:20px;
	}

	section#power-mapd p{
		line-height:1.4em;
		font-family: 'Euphoria Script', cursive;

	}

	.row-1-right{
		background-image:url('../images/power-mapd-1-right.png');
		background-repeat:no-repeat;
		background-size:100%;
		padding:45px 50px 50px 130px;
	}

	.row-1-left h4{
		font-size:1.6em;
	}
	
	.row-1-right p{
		font-family: 'Euphoria Script', cursive;
		font-size:1em;
		font-weight:400;
	}

	.row-2-left{
		background-image:url('../images/power-mapd-2-left.png');
		background-repeat:no-repeat;
		background-size:100%;
		padding:50px 140px 50px 30px;
		font-family: 'Euphoria Script', cursive;
		font-weight:400;
	}

	.row-2-left p{
		line-height:1.3em;
		font-size:1.2em;
	}
	
	.row-2-right h4{
		font-size:1.5em;
		color:#FD7647;
	}


	.row-3-right{
		background-image:url('../images/power-mapd-3-right.png');
		background-repeat:no-repeat;
		background-size:100%;
		padding:40px 30px 50px 110px;
		font-family: 'Euphoria Script', cursive;
	}

	.row-3-right p{
		font-size:1.1em;
		font-weight:400;
	}
	
	.row-3-left h4{
		font-size:1.5em;
	}


	.row-4-left{
		background-image:url('../images/power-mapd-4-left.png');
		background-repeat:no-repeat;
		background-size:100%;
		padding:30px 130px 50px 55px;
		font-family: 'Euphoria Script', cursive;
	}

	.row-4-left p{
		font-size:1.3em;
		font-weight:400;
	}
	
	.row-4-right h4{
		font-size:1.5em;
		color:#FD7647;
	}

	.row-5{
		height:420px;
	}

	.row-5-right{
		background-image:url('../images/power-mapd-5-right.png');
		background-repeat:no-repeat;
		background-size:100%;
		padding:25px 10px 0px 160px;
		font-family: 'Euphoria Script', cursive;
	}

	.row-5-right p{
		font-size:1.1em;
		font-weight:400;
	}
	
	.row-5-left h4{
		font-size:1.5em;
	}



/* --------------- Two Way --------------- */

	section#two-way{
		background-color: #FD7647;
		color:#1F1F1F;
	}

	section#two-way h4{
		font-size:2.0em;
		font-weight:300;
		line-height:1.6em;
		color:black;
		padding-bottom:20px;
	}

	section#two-way p{
		font-weight:300;
		font-size:1.4em;
		line-height:1.4em;
	}

	.two-way.left{
		background-image:url('../images/two-way-back.png');
		background-repeat:no-repeat;
		background-size:100%;
		padding:80px 10px 400px 40px;
	}
	.two-way.right{
	}

/* --------------- Why Matter --------------- */

	#why-matter .container {
		position:absolute;
		z-index:10;
		color:#1F1F1F;
	}

	section#why-matter{
		position:relative;
		background:url(/images/why-matter-back.png);
		background-repeat:no-repeat;
		background-size:100%;
		height:650px;
	}  

	section#why-matter h3{
		font-size:2.0em;
		font-weight:200;
		line-height:1.2em;
		margin-bottom:10px;
		padding-top:200px;
	}

	section#why-matter p{
		font-weight:300;
		font-size:1.27em;
		line-height:1.4em;
		padding-top:20px;
		margin-bottom:100px;
	}

/* --------------- CONTACT --------------- */

	#contact{
		padding-top:20px;
	}

	#contact .container{
		padding:0;
	}

	#contact p{
		color: #FAE8E1;
	}

	.contact-details a{
		color:#FAE8E1 !important;
	}

	section#contact{
		background-color: #350003;
	}

	section#contact p{
	}

	#contact .row{
		margin:0;
	}


	section#contact h3{
		font-weight:600;
	}

	section#contact h4{
		font-size:20px;
		font-weight:600;
		line-height:1.2em;
		color:#D02724;
	}

	.company-reg{
		margin-top:50px;
	}
}



@media (max-width: 600px) {


	#phone{
		text-align:right;
	}

	#phone h3{
		margin-bottom:0px !important;
	}

	#phone h3 a{
		color:#FD7647;
		font-size:15px;
		font-weight:400;
	}

	#menu{
		margin-top:5px;
	}



	#menu a{
		color:#ffe7db;
		font-size:14px;
		font-weight:400;
		margin-left:10px;
	}

}