@charset "utf-8";
/* CSS Document */
html {
	background-image:url('bkg.jpg');
	background-repeat:no-repeat;
	background-size:100% 100%;
	background-attachment:fixed;
}
html, body {
	min-height:100%;
}
body{
	color:#FFF;
	font-family: 'Open Sans', sans-serif;
	font-size:13px;
	font-weight:400;
	margin:0;
}
#wrapper {
	margin:0 auto;
	max-width:900px;
}
#main {
	background-color:rgba(0,0,0,0.3);
	text-align:center;
	padding:25px 10px;
}
#footer {
	padding:10px 0;
}
h1 {
	font-size:1.6em;
	font-weight:300;
	line-height:30px;
	margin:0;
	margin-bottom:20px;
}
h1 .android {
	font-weight:normal;
	color:#77c159;
	background-image:url('and.png');
	background-repeat:no-repeat;
	background-position:right center;
	padding-right:30px;
}
.button {
    background-color: #de0377;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-weight:800;
		margin:0 auto 20px;
    padding: 10px 20px;
    text-decoration: none;
    vertical-align: middle;
		font-size:2.8em;
}
.text {
	font-size:1.1em;
}
p {
	margin:0;
	margin-bottom:10px;
}
.text em {
	color:#de0377;
	font-weight:800;
	padding-right:3px;
}
.logo {
	margin:-30px auto -65px;
	max-width:300px;
	box-sizing:border-box;
	padding-left: 61px;
	padding-right: 15px;
}
.logo img {
	width:100%;
}
.blocks {
  overflow: auto;
	margin:0 auto;
	margin-bottom:20px;
}
.block {
	float:left;
	width:31%;
	margin:0 1%;
}
.block .icon {
	background-color:rgba(0,0,0,0.4);
	height:87px;
	margin-bottom:4px;
}
.block .icon span {
	display:block;
	height:100%;
	background-repeat:no-repeat;
	background-position:center center;
}
.block.b1 .icon span {
	background-image:url('b1.png');
}
.block.b2 .icon span {
	background-image:url('b2.png');
}
.block.b3 .icon span {
	background-image:url('b3.png');
}
.block .title {
	background-color:#de0377;
	padding:0 5px;
	text-transform:uppercase;
	font-weight:300;
	min-height:42px;
	vertical-align:middle;
	box-sizing:border-box;
	padding-top:10px;
	margin-bottom:15px;
}
.block.b1 .title {
	padding-top:3px;
}
.block .text {
	font-size:0.98em;
}
.instructions {
	display:inline-block;
}
.instructions .title {
	font-weight:300;
	font-size:2.2em;
	text-transform:uppercase;
	margin-bottom:20px;
	text-align:left;
}
ul {
	margin:0;
	padding:0;
	list-style:none;
	text-align:left;
}
.instructions li {
	margin-bottom:20px;
	padding-left:25px;
	position:relative;
}
.instructions li span {
	position:absolute;
	left:0;
	top:0;
	font-size:1.8em;
}
#footer{
	padding:10px;
	font-size:0.8em;
	height:20px;
	line-height:20px;
}
#footer .links {
	float:right;
}
#footer a {
	color:#FFF;
	text-decoration:none;
}
#footer a.social {
	color:#de0377;
	font-size:4em;
}
#footer .copy {
	vertical-align:top;
	padding-right:5px;
}
.instructions {
	display:none;
}
@media only screen and (min-width: 991px) {
	.instructions {
		display:block;
	}
}