@charset "utf-8";
body {
	/*background:url(../img/Fondo.png) no-repeat;*/
	font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif;
	background-color: #FFF;
	margin: 0;
	padding: 0;
	color: #000;
	
background: url(../img/Fondo.png) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}



.content {

	padding: 0px 0;
	height:900px;
	text-align: center;
}


p{
	font-family:Century, "Century Gothic";
	font-size:32px;

}


/* ~~ El pie de página ~~ */
/*.footer {
	padding: 0px 0;
	background-color: #348ea9;
}
*/
/* ~~ clases float/clear varias ~~ */
.fltrt {  /* esta clase puede utilizarse para que un elemento flote en la parte derecha de la página. El elemento flotante debe preceder al elemento junto al que debe aparecer en la página. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* esta clase puede utilizarse para que un elemento flote en la parte izquierda de la página. El elemento flotante debe preceder al elemento junto al que debe aparecer en la página. */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* esta clase puede situarse en una <br /> o div vacía como elemento final tras la última div flotante (dentro de #container) si #footer se elimina o se saca fuera de #container */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}



@media screen and (max-width: 1680px){
.content {

	padding: 0px 0;
	height:924px;
}	

#app_store,#google_play {
max-width:100%;	
max-heigth:100%;
}

}

@media screen and (max-width: 1580px){
.content {

	padding: 0px 0;
	height:1050px;
}	

#app_store,#google_play {
max-width:100%;	
max-heigth:100%;
}

}

@media screen and (max-width: 1450px){
.content {

	padding: 0px 0;
	height:700px;
}

#app_store,#google_play {
max-width:100%;	
max-height:100%;
}


	
}

@media screen and (max-width: 1366px){
.content {

	padding: 0px 0;
	height:500px;
}

#app_store,#google_play {
max-width:100%;	
max-height:100%;
}


	
}


@media screen and (max-width: 1280px){
.content {

	padding: 0px 0;
	height:800px;
}	

#app_store,#google_play {
max-width:100%;	
max-height:100%;
}


}

@media screen and (max-width: 1024px){
.content {

	padding: 0px 0;
	height:768px;
}	

#app_store,#google_play {
max-width:100%;	
max-height:100%;
}


}


@media screen and (max-width: 980px){
.content {

	padding: 0px 0;
	height:1461px;
}	

#app_store,#google_play {
max-width:100%;	
max-height:100%;
}


}

@media screen and (max-width: 960px){
.content {

	padding: 0px 0;
	height:900px;
}	

#app_store,#google_play {
max-width:100%;	
max-height:100%;
}

p{
	font-family:Century, "Century Gothic";
	font-size:32px;

}

}


@media screen and (max-width: 800px){
.content {

	padding: 0px 0;
	height:1220px;
}	

#app_store,#google_play {
max-width:100%;	
max-height:100%;
}

p{
	font-family:Century, "Century Gothic";
	font-size:32px;

}

}


@media screen and (max-width: 768px){
.content {

	padding: 0px 0;
	height:1024px;
}


#app_store,#google_play {
max-width:80%;	
max-height:80%;
}

p{
	font-family:Century, "Century Gothic";
	font-size:32px;

}
	
}

@media screen and (max-width: 480px){
.content {

	padding: 0px 0;
	height:800px;
}	

#app_store,#google_play {
width:90%;	
height:90%;
}

p{
	font-family:Century, "Century Gothic";
	font-size:32px;

}
}

@media screen and (max-width: 414px){
.content {

	padding: 0px 0;
	height:567px;
}	

#app_store,#google_play {
max-width:50%;	
max-height:50%;
}

p{
	font-family:Century, "Century Gothic";
	font-size:32px;

}

#logo{
width:50%;	
height:50%;
}


#descarga{
width:20%;	
height:20%;
}

}


@media screen and (max-width: 360px){
.content {

	padding: 0px 0;
	height:500px;
}	

#app_store,#google_play {
max-width:50%;	
max-height:50%;
}

p{
	font-family:Century, "Century Gothic";
	font-size:32px;

}

#logo{
width:50%;	
height:50%;
}


#descarga{
width:20%;	
height:20%;
}

}

@media screen and (max-width: 384px){
.content {

	padding: 0px 0;
	height:567px;
}	

#app_store,#google_play {
max-width:65%;	
max-height:40%;
}

p{
	font-family:Century, "Century Gothic";
	font-size:32px;

}

#logo{
width:46%;	
height:40%;
}


#descarga{
width:20%;	
height:20%;
}

}

@media screen and (max-width: 320px){
.content {

	padding: 0px 0;
	height:480px;
}	

#app_store,#google_play {
max-width:50%;	
max-height:50%;
}

p{
	font-family:Century, "Century Gothic";
	font-size:32px;

}

#logo{
width:50%;	
height:50%;
}


#descarga{
width:20%;	
height:20%;
}

}

@media screen and (max-width: 240px){
.content {

	padding: 0px 0;
	height:320px;
}	

#app_store,#google_play {
width:5%;	
height:5%;
}

p{
	font-family:Century, "Century Gothic";
	font-size:32px;

}

}

@media screen and (max-width: 200px){
.content {

	padding: 0px 0;
	height:240px;
}	

#app_store,#google_play {
width:10%;	
height:10%;
}

p{
	font-family:Century, "Century Gothic";
	font-size:32px;

}

}