body, header, nav, ul, li, img, footer {
	margin: 0;
	padding: 0;
}

body, html {
	overflow: hidden;
}

hr {
	height: 4px;
	border-radius: 2px;
	border: 0;
	background-color: #666666;
	margin: 0;
}

article, section {
	margin-bottom: 25px;
}

header {
	position: fixed;
	top: 0;
	width: 100%;
	height: 75px;
	border-top: 1px solid black;
	border-bottom: 1px solid white;
	z-index: 1;
}

nav {
	position: relative;
	width: auto;
	height: 100%;
}

nav > ul {
	padding-top: 22px;
	list-style-type: none;
	font-family: inherit;
}

nav > ul > li {
	padding: 3px;
	display: inline-block;
	font-family: inherit;
}

nav > ul > li > a {
	color: white;
	font-family: inherit;
	text-decoration: none;
}

nav > ul > li > a:hover {
	color: #ff6347;
}

nav > ul > li > a:active {
	color: white;
}

nav > ul > li > a:target {
	color: white;
}

a.active {
	color: #ff6347;
}

img.wallpaper {
	display: block;
	width: 100%;
	padding-top: 75px;
	margin-bottom: 25px;
}

img.preview {
	display: block;
	width: 90%;
	margin-left: 5%;
}

footer {
	position: fixed;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: #414141;
	padding: 3px;
}

.logo {
	position: relative;
	width: 225px;
	height: 75px;
	background-image: url('../img/logo.png');
	background-size: contain;
}

.logo:hover {
	position: relative;
	width: 225px;
	height: 75px;
	background-image: url('../img/logo_highlight.png');
	background-size: contain;
}

a.header {
	font-family: 'Passion One', cursive;
	text-decoration: none;
	font-size: 25px;
	margin: 0;
	color: blue;
}

a.header:hover {
	color: #ff6347;
}

h1.header {
	font-family: 'Passion One', cursive;
	text-decoration: none;
	font-size: 40px;
	margin: 0;
}

h2.header {
	font-family: 'Passion One', cursive;
	text-decoration: none;
	font-size: 25px;
	margin: 0;
}

h3.header {
	font-family: 'Passion One', cursive;
	text-decoration: none;
	font-size: 20px;
	margin: 0;
}

p.article {
	font-family: 'Rubik', sans-serif;
	font-size: 15px;
	text-decoration: none;
	padding-bottom: 15px;
}

#section_main {
	margin-top: 50px;
	padding-bottom: 12px;
	background-color: #8E8E8E;
}

#section_recent {
	margin-top: 13px;
	padding-bottom: 25px;
	background-color: #C1C1C1;
}

.round-square {
	background-color: #444444;
	border-radius: 20px;
	padding: 15px;
}

.two-third {
	width: 70%;
}

.one-third {
	width: 70%;
}

.three-third {
	width: 70%;
}

.left {
	float: left;
	margin-left: 15%;
}

.right {
	float: left;
	margin-left: 15%;
}

.center {
	clear: both;
	margin-left: 15%;
	margin-right: 15%;
}

h1.center-text, h2.center-text, h3.center-text, h4.center-text, p.center-text {
	text-align: center;
	width: 100%;
}

h1.left-text, h2.left-text, h3.left-text, h4.left-text, p.left-text {
	text-align: left;
	width: 100%;
}

h1.right-text, h2.right-text, h3.right-text, h4.right-text, p.right-text {
	text-align: right;
	width: 100%;
}

.color-tomato {
	color: #ff6347;
}

.gradient-vertical {
	background: red;
    background: -webkit-linear-gradient(#444444, #000000);
    background: -o-linear-gradient(#444444, #000000);
    background: -moz-linear-gradient(#444444, #000000);
    background: linear-gradient(#444444, #000000);
}

#main_content {
	width: 100%;
	margin-top: 100%;
}

@-moz-document url-prefix() {
	.parallax__container {
		width: calc(100% + 18px) !important;
	}
}

.parallax__container {
	width: 100%;
}

.parallax{
	width: 100%;
	height: 100vh;
	margin-top: 77px;
	perspective: 1px;
	overflow: scroll;
	overflow-x: hidden;
}

.parallax__layer {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}

.parallax__layer-zero {
	transform: translateZ(0);
}

.parallax__layer-one {
	transform: translateZ(-0.2px);
}

.parallax__layer-two {
	transform: translateZ(-0.4px);
}

.parallax__layer-three {
	transform: translateZ(-0.6px);
}

.parallax__layer-four {
	transform: translateZ(-0.8px);
}

.parallax__layer-five {
	transform: translateZ(-1px);
}

.background-dragonborn {
	width: 100%;
	position: relative;
	padding-bottom: 100%;
	background: url('../img/wallpaper/CUT_dragonborn.png') no-repeat center;
	-webkit-background-size: contain;
	-moz-background-size: contain;
	-o-background-size: contain;
	background-size: contain;
	transform: translate3d(-1%, 0%, 0) scale(1.12);
}

.background-cloud {
	width: 100%;
	position: relative;
	padding-bottom: 100%;
	background: url('../img/wallpaper/CUT_cloud strife.png') no-repeat center;
	-webkit-background-size: contain;
	-moz-background-size: contain;
	-o-background-size: contain;
	background-size: contain;
	transform: translate3d(-9%, -16%, 0);
}

.background-shepard {
	width: 100%;
	position: relative;
	padding-bottom: 100%;
	background: url('../img/wallpaper/CUT_commander shepard.png') no-repeat center;
	-webkit-background-size: contain;
	-moz-background-size: contain;
	-o-background-size: contain;
	background-size: contain;
	transform: translate3d(12%, -21%, 0) scale(0.85);
}

.background-snake {
	width: 100%;
	position: relative;
	padding-bottom: 100%;
	background: url('../img/wallpaper/CUT_snake.png') no-repeat center;
	-webkit-background-size: contain;
	-moz-background-size: contain;
	-o-background-size: contain;
	background-size: contain;
	transform: translate3d(-37%, -19%, 0);
}

.background-link {
	width: 100%;
	position: relative;
	padding-bottom: 100%;
	background: url('../img/wallpaper/CUT_link.png') no-repeat center;
	-webkit-background-size: contain;
	-moz-background-size: contain;
	-o-background-size: contain;
	background-size: contain;
	transform: translate3d(49%, -27%, 0) scale(0.87);
}

.background-fortesque {
	width: 100%;
	position: relative;
	padding-bottom: 100%;
	background: url('../img/wallpaper/CUT_sir daniel fortesque.png') no-repeat center;
	-webkit-background-size: contain;
	-moz-background-size: contain;
	-o-background-size: contain;
	background-size: contain;
	transform: translate3d(-40%, -40%, 0) scale(1);
}

.background-deus {
	width: 100%;
	position: relative;
	padding-bottom: 100%;
	background: url('../img/wallpaper/CUT_deus ex.png') no-repeat center;
	-webkit-background-size: contain;
	-moz-background-size: contain;
	-o-background-size: contain;
	background-size: contain;
	transform: translate3d(55%, -34%, 0) scale(0.87);
}

.background-geralt {
	width: 100%;
	position: relative;
	padding-bottom: 100%;
	background: url('../img/wallpaper/CUT_geralt of rivia.png') no-repeat center;
	-webkit-background-size: contain;
	-moz-background-size: contain;
	-o-background-size: contain;
	background-size: contain;
	transform: translate3d(-83%, -52%, 0) scale(0.63);
}

.background-persia {
	width: 100%;
	position: relative;
	padding-bottom: 100%;
	background: url('../img/wallpaper/CUT_prince of persia_02.png') no-repeat center;
	-webkit-background-size: contain;
	-moz-background-size: contain;
	-o-background-size: contain;
	background-size: contain;
	transform: translate3d(81%, -55%, 0) scale(0.57);
}

.parallax::-webkit-scrollbar { width: 0px; }