@charset "utf-8";

* {box-sizing:border-box; margin:0; padding:0; position:relative;}

body {
	font-family:'Roboto', Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
	min-width:320px;
}

footer {
	font-size:75%;
	margin-top:20px;
	padding:10px;
	text-align:center;
}

header {
	background:rgb(45,45,45);
	color:white;
	padding:10px;
	text-align:center;
}

header a {
	background:white;
	border-radius:20px;
	box-shadow:0 1px 3px rgba(0,0,0,0.25), 0 1px 2px rgba(0,0,0,0.50);
	display:inline-block;
	height:149px;
	margin:5px 10px;
	max-width:278px;
	padding:10px;
	transition:all 0.15s;
	width:100%;
}

header a:hover {
	box-shadow:0 10px 20px rgba(0,0,0,0.25), 0 6px 6px rgba(0,0,0,0.50);
	transform:translateY(-5px);
	-moz-transform:translateY(-5px);
	-webkit-transform:translateY(-5px);
}

header a img {
	position:absolute;
	left:50%;
	max-width:258px;
	top:50%;
	transform:translate(-50%, -50%);
	width:90%;
}

header h2 {
	text-shadow:0px 2px 4px black;
}

img {
	max-width:100%;
}

main {
	margin-left:auto;
	margin-right:auto;
	max-width:1040px;
	padding:20px;
}

ol, ul {
	margin-left:25px;
}

#promotional {
	background-image:url('../images/sony-banner.jpg');
	background-position:center center;
	background-size:cover;
	box-shadow:inset 0 10px 40px rgba(0,0,0,0.25), inset 0 10px 60px rgba(0,0,0,0.50);
	color:white;
	font-size:125%;
	height:300px;
	text-align:center;
}

#promotional h1 {
	position:absolute;
	left:50%;
	top:50%;
	transform:translate(-50%, -50%);
}

.center {
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}

img.center {
	display:block;
}

.floatr {
	float:right;
	margin:0 10px 10px 40px;
	max-width:450px;
	width:50%;
}

.remotespro {
	color:rgb(202,0,0);
}

@media only screen and (max-width:768px) {
	.floatr {
		display:block;
		float:none;
		margin:0 auto 10px;
		max-width:100%;
		width:100%;
	}
}

@media only screen and (max-width:340px) {
	header a {
		margin-left:auto;
		margin-right:auto;
	}
}