/* Eric Meyer's Reset CSS v2.0 - http://cssreset.com */
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{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}table{border-collapse:collapse;border-spacing:0}

@import url(http://fonts.googleapis.com/css?family=Open+Sans:200,400,700&.css);



.clearfix:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
.clearfix {display: inline-block;}
html[xmlns] .clearfix {display: block;}
* html .clearfix {height: 1%;}



h1{
		color: #d30e17;
		font-size: 26px;
		font-family: 'Open Sans', sans-serif;
		margin-bottom:22px;
		font-weight: bold;
		
	}
	
	
h2{
		font-size: 20px;
		font-family: 'Open Sans', sans-serif;
		color:#d30e17;
		
		margin-bottom: 20px;
		font-weight: bold;
}

h3{
		font-size: 28px;
		font-family: 'Open Sans', sans-serif;
		margin-bottom: 0px;
		margin-top:0px;
		color:#333333;
		line-height:125%;
		font-weight: 200;
		
}

.title{
		
		font-size: 20px;		
	
}

a{
	
	color: #eb2955;
	text-decoration:none;
	
}


	
p{
		margin-top:14px;
		margin-bottom:18px;
		color: #333333;
		font-size: 14px;
		font-family: 'Open Sans', sans-serif;
		line-height: 20px;
}

ul{
		line-height:20px;
		list-style-type: disc;
		margin-left: 0;
		padding-left: 0;

}

li{
		
		color: #333333;
		font-size: 14px;
		font-family: 'Open Sans', sans-serif;
		margin-left: 58px;
		margin-top:15px;
		margin-bottom:15px;
		line-height:20px;
		padding-left: 0em;
		text-indent: 0em;
		
}

		



#wrap{
		width:873px;
		margin: 65px auto;
		
	}
	
header {
		width:100%;
		margin-bottom:94px;
		position: relative;
		
	}
	
#logo{
	
	float:left;
	margin-right:42px;
	margin-bottom:45px;
	width:200px;
}
	
.img-header{
		width:100%;
		height:auto !important;
		margin-bottom:42px;
	}
	
	
.center{
	
	max-width: 94%;
    /* width: 710px; */
	margin: 30px auto;
	
}


	
#applestore {
		position: absolute;
		left: 28%;
		bottom:-67px;

}

#googleplay {
		position: absolute;
		left: 45%;
		bottom:-67px;

}

.img-container{
	max-width: 100%;
	height: auto;
	margin-top: 30px;	
}


.img-container img{
	
	border-width: 1px;
	border: #c4c4c4;
	border-style: solid;
	width: 240px;
	height: 450px;	
				
}

.img-container img:nth-child(1){
	margin: 0 26px 0 0;
}

.img-container img:nth-child(2){
	margin: 0 26px 0 0;
}

.screenshots {
	max-width: 100%;
	height: auto;
}


.img-container {
	width: 873px;	
}


/* Desktop small ----------- */
@media screen and (min-width: 280px) and (max-width: 873px){
	#wrap{
		width:100%;
		margin: 0px auto;
		
	}
	
#logo{
	
	margin:0 3% 45px 3%;
	
}

	
h1{
	margin:3%;
	text-align:left;
	}
	
h2{
	margin:3%;
	text-align:left;
	
}

h3{
	margin:3%;
	text-align:left;
	
}

p{
	
	margin:3%;
	
}

ul{
	
	margin:3%;
	
}

header{
	
	margin-bottom:60px;
	text-align:center;
}

.center{
	
	margin:3%;
	
}

	
#applestore {
		
    left: inherit;
    bottom: inherit;
    position: relative;
    width: 135px;
    float: left;
    margin-right: 6%;		

	}
	
#googleplay {
    bottom: inherit;
    left: inherit;
    position: relative;
    width: 135px;
    float: left;

	}

}

/* Tablets (portrait and landscape) ----------- */
@media screen and (min-width: 280px) and (max-width: 641px){
#wrap{
		width:100%;
		margin: 0px auto;
		
	}
	
#logo{
	
	float:none;
	margin:20px auto;
	
}
	

	
h1{
	margin:3%;
	text-align:left;
	}
	
h2{
	margin:3%;
	text-align:left;
	
}

h3{
	margin:3%;
	text-align:left;
	
}

p{
	
	margin:3%;
	
}

ul{
	
	margin:3%;
	
}

.center{
	
	margin:3%;
	
}

header{
	
	margin-bottom:60px;
	text-align:center;
}

	
#applestore {
        margin: 0 6%;

	}
#applestore img{
		/*width:90%;*/

	}
	
#googleplay {
		
		
	}
#googleplay img{
		/*width:90%;*/
}

/* Smartphones (portrait and landscape) ----------- */
@media screen and (min-width: 280px) and (max-width: 480px){
#wrap{
		width:100%;
		margin: 0px auto;
		
	}
	
#logo{
	
	float:none;
	margin:20px auto;
	
}
	

	
h1{
	margin:3%;
	text-align:left;
	}
	
h2{
	margin:3%;
	text-align:left;
	
}

h3{
	margin:3%;
	text-align:left;
	
}

p{
	
	margin:3%;
	
}

ul{
	
	margin:3%;
	
}

header{
	
	margin-bottom:60px;
	text-align:center;
}

.center{
	
	margin:3%;
	
}

	
#applestore {
		/*
		left: 8.8%;
		bottom:-13%;
		*/

	}
#applestore img{
		/*width:90%;*/

	}
	
#googleplay {
		/*bottom:-13%;
		left: 50%;
		*/
		
	}
#googleplay img{
		/*width:90%;*/
}
	
	
}