/*@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300);*/
/*@import url(https://fonts.googleapis.com/css?family=Raleway:300);*/
@import url(https://fonts.googleapis.com/css?family=Roboto:300&subset=latin,greek,greek-ext,latin-ext,cyrillic,vietnamese,cyrillic-ext);

html, body
{
    margin: 0;
	
	height:100%;
	
	font-size:20px;
	font-size: 3vw;
	font-size: 3vmin;
	
	line-height:4vmin;
	
	/*font-family: 'Open Sans', sans-serif;*
	font-weight:lighter;*/
	
	/*font-family: 'Raleway', sans-serif;*/
	
	font-family: 'Roboto', sans-serif;
}

input, textarea{
 -webkit-appearance: none;
  -webkit-border-radius: 0;
}

body
{
	overflow-y: scroll; 
}

#wrap
{
	display: table;
    width: 100%;
    height:100%;
   
    position:relative;
}

#innerwrap
{
	display:table-row;
	height:100%;
}

.outerBand
{
	margin:0;
	padding:0.5rem;
}

.innerBand
{
	max-width:100vh;
    margin-left:auto;
    margin-right:auto;
    position:relative;
}

a 
{
    text-decoration: none;
    /*color:inherit;*/
    color:#333333;
}

/*li:before
{
content: "|";
}

li:first-child:before
{
content: none;
}*/

.expand
{
	height:100%
}

.header
{
	font-size:0.75rem;
	text-align:right;
	color:#333333;
	padding:0.2rem;
}

.header ul
{
	list-style-type: none;
	position:relative;
	
}

.header ul li
{
	display:inline;
	margin-left:1rem;
	margin-right:1rem;
}

.product
{
    -webkit-background-size: cover; /* For WebKit*/
    -moz-background-size: cover;    /* Mozilla*/
    -o-background-size: cover;      /* Opera*/
    background-size: cover;         /* Generic*/
    background-repeat: no-repeat;
    background-position: center center;
    /*background-attachment: fixed;*/
    height:15rem;
    min-height:30vw;
}

.product .nameBig
{
	font-size:2rem;
}

.product .nameSmall
{
	font-size:1.5rem;	
}

.product .slogan
{
	font-size:1.15rem;
	width:20rem;
	margin-left:auto;
	margin-right:auto;
}

.info
{
	/*border-top: 2px solid black;
	border-bottom: 2px solid black;*/
	
	color:white;
	
	padding:1rem;
	text-align:justify;
}

.screenshot
{
	text-align:center;
	
}

.screenshot img
{
	padding-left: 1rem;
	padding-right: 1rem;
	
	width:5rem;
}

.quote
{
	
}

.quote p
{
	padding: 0.5rem 1rem 0.5rem 1rem;
	text-align:center;
}

.quote span
{
	padding-left:0.5rem;	
	padding-right:0.5rem;
}

.quote img
{
	height:1rem;
}

.store
{
	text-align:center;
}

.store img
{
	padding-left:0.5rem;	
	padding-right:0.5rem;
	
	/*height:2rem;
	max-height:40px;*/
	/*height:40px;*/
	/*max-width:100%;
	height:auto;*/
	
	/*height:40px;*/
	
}

@media 
(-webkit-min-device-pixel-ratio: 2), 
(min-resolution: 192dpi) { 
	
	.store img
	{
		height:20px;
	}
	
	.tray img
	{
		height: 74px;
	}
	
    
}

.email
{
}

.footer
{
	display:table-row;
	height:1px;
	color:dimgray;
}

.footer .links
{
	font-size:10px;
	font-size:1.0rem;
	
	font-weight:normal;
	
	text-transform: uppercase;
	
	text-align: center;
	margin:1em;
}

.footer .legal
{
	font-size:0.6rem;
	
	text-align: center;
	margin:1em;
}

.footer ul
{
	list-style-type:none;
}

.footer ul li
{
	display:inline;
	margin-left:2em;
	margin-right:2em;
}