body{
	font-family: 'Open Sans', sans-serif;
	}
	.p-ec, .p-te{
		display:none;
		}
	.logo{
		width:250px;
		height:auto;
		display:block;
		margin:0 auto;
		}
.clear{
	display:block;
	clear:both;
	}
.bkTeco{
	background-image:none;
	}
footer{
	width:100%;
	min-height:200px;
	background-color:#f2f2f2;
	color:#9fa0a0;
	font-size:12px;
	font-weight:lighter;
	}	
footer .wrap{
	text-align:right;
	padding:20px 10px !important;
	}	
header, section, footer .wrap, section.intro .wrap, section.links .wrap{
	max-width:1000px;
	min-width:320px;
	margin:0 auto;
	min-height:100px;
	
	padding:2px;
	}
section.intro .wrap{
	position:relative;
	}	
section.intro img.phone{
		width:372px;
		height:auto;
		position:absolute;
	}		
section.intro .wrap p{
	font-size:32px;
	font-weight:lighter;
	text-align:right;
	width:60%;
	float:right;
	height:auto;
	}	
section.intro .wrap p span{
	text-transform:uppercase;
	font-weight:bold;
	}		
section.links{
	max-width:100% !important;
	width:100% !important;
	background-color:#77c04a;
	padding:15px 2px;
	}
section.links .wrap p{
	font-size:18px;
	font-weight:lighter;
	text-align:left;
	width:50%;
	float:right;
	height:auto;
	color:#fff;
	}	
section.links .wrap h2{
	font-size:25px;
	font-weight:bold;
	text-transform:uppercase;
	width:50%;
	float:right;	
	color:#fff;
	clear:both;
	}	
section.links .wrap .links-wrap{
	width:50%;
	float:right;	
	}	
section.links .wrap a{
	width:136px;
	height:44px;
	background-image:url(../img/btnGooglePlay.png);
	background-position:top left;
	background-size:136px 44px;
	margin:0 10px 0 0;
	background-repeat:no-repeat;
	display:block;
	float:left;
	cursor: pointer;
	}	
section.links .wrap a.app-store{
	background-image:url(../img/btnAppStore.png) !important;
	
	}	
section.conclusion p, section.conclusion ul{
	font-size:18px;
	font-weight:lighter;
	text-align:left;
	width:50%;
	float:right;
	height:auto;
	clear:both;
	}		
	section.conclusion ul{
		padding:5px 20px;
		}
	section.conclusion ul li{
		-webkit-border-radius: 12px;
		-moz-border-radius: 12px; 
		border-radius: 12px; 		
		list-style:none;
		font-size:16px;		
		background-color:#f7f7f7;	
		margin:20px 0 0 0;		
		padding:20px;					
		}
section.conclusion ul li.c1, 
section.conclusion ul li.c2,
section.conclusion ul li.c3{
	padding-left:95px;
	background-image:url(../img/edificions.jpg);
	background-repeat:no-repeat;
	background-position:10px 5px;			
	}		
section.conclusion ul li.c2{
	background-image:url(../img/reloj.jpg);
	}	
section.conclusion ul li.c3{
	background-image:url(../img/estrella.jpg);
	}	
section.conclusion p a{
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px; 
		border-radius: 5px; 
		padding:5px;
		color:#fff;
		text-decoration:none;
		text-align:center;
		cursor:pointer;	
		background-color:#7dd011;
	}	
section.conclusion p a:hover{
	background-color:#222a37;
	}		
header h1{
	font-size:44px;
	color:#222a37;
	font-weight:bold;
	}
	header h1 span{
			text-transform:uppercase;
			color:#57ba1a;
		}
		
@media (max-width:870px){
	
	section.intro img.phone{
			width:300px;
		}		
	section.conclusion p{
		font-size:14px !important;
		}	
	}	
@media (max-width:940px){		
	section.conclusion p{
		font-size:14px !important;
		}	
	}	
	
@media (max-width:769px){
	header h1{
		font-size:35px;
	}
	header, section, footer .wrap, section.intro .wrap, section.links .wrap{
		width:90%;
	}	
	section.intro img.phone{
		display:none;
		}
	.bkTeco{
		background-image:url(../img/IphoneTeco.png) !important;
	    background-repeat: no-repeat;
	}		
	section.links .wrap .links-wrap{
	width:50%;
	}		
	section.intro .wrap{
		background-image:url(../img/Iphone.png);
		background-repeat:no-repeat;
		background-position:left top;
	    background-size: 40% auto;

	    min-height: 236px;			
		}	
	section.links .wrap p,
	section.links .wrap h2,
	section.links .wrap .links-wrap,
	section.conclusion ul,
	section.conclusion p{
		width:100%;
	}	
	section.intro{
		padding:10px;
		}
	section.intro .wrap p{
		padding: 0px 20px 0px 5px;
		}				
	section.conclusion p{
		text-align:center;
		line-height: 30px;
		}
		section.conclusion p a{
			display:block;
			width: 90%;
		    margin: 0 auto;
			}
	section.intro .wrap p{
		font-size:28px;
		    width: 57%;
		}			
	}		
	@media (max-width:549px){
		header h1{
			font-size:25px;
			}
		section.intro .wrap{
			min-height:160px;
			}
		section.intro .wrap p{
			font-size:20px;
			}	
		.logo{
			width:150px;
			}		
		}