html, body {
	background: #362523; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(red, yellow); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(red, yellow); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(red, yellow); /* For Firefox 3.6 to 15 */
    background: linear-gradient(rgb(43,32,28), rgb(55,37,35), rgb(56,44,44), rgb(70,50,41), rgb(88,66,42)); /* Standard syntax */
	background-size: 4000px;
	font: 15px/20px Arial;
	text-align: justify;
	color: #c8bf9b;
	padding: 0;
	margin: 0;
}

#container {
	width: ;
}

#header {
	background-image: url("images/header.jpg");
	background-repeat: no-repeat;
	background-position: center;
	min-width: 1346px;
	width: 100%;
	height: 649px;
}

#content {
	width: 1346px;
	margin-left: auto;
	margin-right: auto;
}

.columns {
	display: inline-block;
	width: 660px;
	vertical-align: top;
	padding: 5px;
	text-align: justify;
}

h1 {
	font-family: 'Josefin Sans', sans-serif;
	font-size: 48px;
	line-height: 50px;
	padding: 0;
	margin: 0;
}
h2 {
	font-family: 'Josefin Sans', sans-serif;
	font-size: 48px;
	line-height: 50px;
	text-align: right;
	padding: 0;
	margin: 0;
}
.img_varian {
	padding-right: 10px;
	padding-bottom: 5px;
}
.img_anduin {
	padding-left: 5px;
	padding-bottom: 5px;
}
#img_farewell {
	width: 660px;
	height: auto;
}
img{
	max-width: 1346px;
}

i {
	color: #868a7b;
}

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


/* LINKS */
a:link {
	color: #5ca6a5;
	text-decoration: none;

}
a:visited {
	color: #5ca6a5;
	text-decoration: none;

}
a:hover {
	color: #6bcac9;
	text-decoration: none;

}
a:active {
	color: #508584;
	text-decoration: none;

}

@media only screen and (max-width: 1280px) {
	
	#header {
	background-image: url("images/header.jpg");
	background-size: 1620px;
	background-repeat: no-repeat;
	background-position: top center;
	min-width: 1260px;
	width: 100%;
	height: 604px;
}

#content {
	width: 1260px;
	margin-left: auto;
	margin-right: auto;
}

.columns {
	display: inline-block;
	width: 615px;
	vertical-align: top;
	padding: 5px;
	text-align: justify;
}
img {
	max-width: 1260px;
}
#img_farewell {
	width: 615px;
	height: auto;
}