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

@font-face {
    font-family: 'nowregular';
    src: url('now-regular-webfont.woff2') format('woff2'),
         url('now-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

.appstore {
	padding-left:10px;
	padding-top:90px;
	}

html {
	background-color:#444;
	width:100%;
	height:100%;
	min-width:325px;
	padding:0;
	margin:0;
	
	}
body {	
	padding:0;
	margin:0;}
.logo {
	width:200px;
	padding-bottom:30px;
	height:auto;	
	float:right;
	padding-right:10px;
	padding-top:15px;
	}	

.header {
	font-family:'nowregular';
	color:#fffed5;
	font-style:normal;
	font-size:25px;
	line-height:60px;
	text-align:right;
	padding-right:30px;
	float:right;
	padding-top:0px;
	}

.p {
	padding-top:20px;
	position:relative;
	font-family: 'nowregular';
	color:#fffed5;
	text-align:left;
	padding-bottom:20px;
	}
.supportp {
	text-align:center;
	font-size:20px;
	
	}
.supportp a {
	font-size:30px;
	color:#00ccff;}

ul {
	text-align:center;
	padding:10px;
	clear:both;
	padding-left:0;
	margin:0;
	text-decoration:none;
	font-family: 'nowregular';
	list-style-type:none;
	border-bottom:#fffed5 thin solid;
	border-top:#fffed5 thin solid;	
	}
img {
	margin:0;
	width:225px;}
li {
	display:inline;
	padding-left:20px;
	padding-right:20px;
	font-size:18px;}

a {
	text-decoration:none;
	color:#fffd38;
	font-size:100%;}
a:hover {
	color:#00ecff;}
a:active {
	text-decoration:underline;}

#wrapper {
	width: 96%;
	max-width: 920px;
	margin: auto;
	padding: 2%;
}
	
.sel a{
	color:#00ecff;
	text-decoration:underline;}
	
footer {
	padding:100px;
	color:grey;
	text-align:center;
	font-family: 'nowregular';}

@media screen and (max-device-width: 375px) and (max-device-height: 667px) { 
		logo {
			width:175px;}
		li {
			font-size:26px;
			padding:5px;
			line-height:25px;}
}
@media screen and (max-device-width: 414px) and (max-device-height: 776px) { 
		li {
			font-size:26px;
			padding:5px;
			line-height:25px;}
 }