@charset "UTF-8";
/* CSS Document */

#mediaframe {
		position:absolute;
		left:0px;
		top:0px;
		width:100%;
		height:100%;
		background-repeat:repeat;
		background-color:#1b2430;
		text-align:center;
	}

.mediarow {
	padding: 0 5%;
}

p {
	font-family: Helvetica, Arial, sans-serif;
	font-size:0.938rem;
	color:#FFF;
	line-height:1.5rem;
}
.downloadtext {
	font-size:0.85rem;
	line-height:1.3rem;
	color:#778eaa;
	max-width:650px;
	display:inline-block;
	position:relative;
}

.desktoptext {
	display:inline-block;
	position:relative;
}
.mobiletext {
	display:none;
	position:relative;
}

a:link,
a:visited {
	color:#FFF;
}
a:hover {
	color:#f8ff8a;
	text-decoration:none;
}


.mediarect {
	padding:0.3rem 2rem;
	display:inline-block;
	position:relative;
	-webkit-border-radius: 9px;
	-moz-border-radius: 9px;
	border-radius: 9px;		
	border:10px #3e4d5f;
	background-color:#3e4d5f;
	margin-bottom:1rem;
}

@media only screen and (max-width: 500px) {
	p {
		font-size:0.8rem;
		line-height:1rem;
	}
	.mediarect {
		padding:0rem 1rem;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;		
		border:5px #3e4d5f;
		margin-bottom:0.3rem;
	}
	.downloadtext {
		font-size:0.7rem;
		line-height:0.9rem;
	}
	br {
		height:0;
		padding:0;
		margin:0;
	}
	.desktoptext {
		display:none;
		position:relative;
	}
	.mobiletext {
		display: inline-block;
		position:relative;
	}
}
@media only screen and (max-width: 400px) {
	p {
		font-size:0.8rem;
		line-height:1rem;
		margin:0;
		padding:0.3rem;
	}
	.mediarect {	
		padding:0 0.5rem;
		-webkit-border-radius: 3px;
		-moz-border-radius:3px;
		border-radius:3px;
		border:3px;
		margin-bottom:0.3rem;
	}
	.downloadtext {
		font-size:0.7rem;
		line-height:0.9rem;
	}
	br {
		height:0;
		padding:0;
		margin:0;
	}
	.desktoptext {
		display:none;
		position:relative;
	}
	.mobiletext {
		display: inline-block;
		position:relative;
	}
}