h1, h2 {
	font-family: 'Fjalla One', sans-serif;
}

h3, h4 {
	font-family: 'Pathway Gothic One', sans-serif;
}

.fullbody { 
	background:url("../js/magnet_patterns/low_contrast_linen.png") #1f1f1f;
}

.navbar {
	background:#ff1919;
	width:100%;
	height:60px
} 

header  {
	border-bottom:1px solid #1e1e1e;
    background-position: center center;
	background-size:cover;
	background-image:url(../images/template/header.jpg);
	height:400px;
	width:100%;
}

header h1 {
	position:relative;
	padding:0;	
}


#header_container {
	max-width:1200px;
	margin-left:auto;
	margin-right:auto;
	text-align:right;
	height:100%;
	position:relative;
	text-align:right;
}

#header_title  { 
	position: relative;
	top: 50%;
	transform: translateY(-46%);
	text-align:left;
}

#header_social  { 
	position: relative;
	top: 50%;
	right:40px;
	transform: translateY(-50%);
}

#header_social a { 
	font-size:3em;
	color:white;
	opacity: .6;
	padding:0 10px;
}

#header_social a:hover { 
	opacity: 1;
}

#header_logo  { 
	position: relative;
	top: 50%;
	left:40px;
	transform: translateY(-52%);
	text-align:left;
	opacity:1;
}

#header_logo img {
	max-width:280px;
	width:90%;
	height:auto;
	align:middle;
}

#header_logo img:hover {
	transform:scale(1.05);
	-webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -o-transition: all .4s ease;
    -ms-transition: all .4s ease;
    transition: all .4s ease;
}



footer {
	background: #262c3a;
	color:white;
	font-family: "Open Sans",sans-serif;;
}

body {
	background: url("../js/magnet_patterns/dark_fish_skin.png") repeat scroll 0 0 #666666;
	font-family: 'Open Sans', sans-serif !important;
}




#footer_content li {
    padding: 15px 25px 15px 25px;
    background-color: #990000;
    background-image: -moz-linear-gradient(top, #660000, #990000);
    background-image: -webkit-linear-gradient(top, #660000, #990000);
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#660000), to(#990000));
    background-image: -ms-linear-gradient(top, #660000, #990000);
    background-image: -o-linear-gradient(top, #660000, #990000);
    background-image: linear-gradient(top, #660000, #990000);
    text-transform: lowercase;
    text-decoration: none;
    color: #fff;
    font-size: .8em;
    text-transform: uppercase;
    text-align:center;
    border-radius: 4px;
}

#footer_content li:hover {
    background-color: #aa0000;
    background-image: -moz-linear-gradient(top, #990000, #aa0000);
    background-image: -webkit-linear-gradient(top, #990000, #aa0000);
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#990000), to(#aa0000));
    background-image: -ms-linear-gradient(top, #990000, #aa0000);
    background-image: -o-linear-gradient(top, #990000, #aa0000);
    background-image: linear-gradient(top, #990000, #aa0000);
}

#footer_content h2  {
    color: #660000;
}

#nav { text-align:left;
	max-width:1200px;
	margin: 0 auto;
}

@media (max-width: 767px) { 
	#header_container {
		margin-left:auto;
		margin-right:auto;
		text-align:center;
		height:100%;
	}

	#header_social  { 
		right:auto;
		transform: none;
		top:auto;
	}

	#header_social a { 
		font-size:1.7em;
	}

	#header_logo { 
		left:auto;
		transform: none;
		top:auto;
		text-align:center;
	}

	#header_title { 
		transform: none;
		top:auto;
		text-align:center;
	}

	#header_logo img { 
		width:40%;
	}
	
}