@charset "UTF-8";
/* CSS Document */

body {
  background: url("images/bg.jpg") no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
	text-align: center;
}

* {
	padding: 0 !important;
	margin: 0 !important;
}

header {}

header p {	
	float: left !important;
	display: block;
	padding: 30px 0px 0 40px !important;
}

nav {
	float: right !important;
	display: block;
	padding: 40px 40px 0 0 !important;
}

nav ul {
	list-style-type: none !important;
	display: block;
}

nav ul li {
	display: block;
	float: left;
	color: #404649;
	font-family: ff-tisa-sans-web-pro, sans-serif;
	font-weight: 400;
	font-style: normal;	
	font-size: 13px;
	padding-left: 20px !important;
}

.content {
	display: block;
	margin: 0 auto !important;
	width: 70%;
    position: fixed;
    top: 60%;
    left: 50%;
    -webkit-transform: translate(-30%, -50%);
    transform: translate(-50%, -50%);
}

h1 {
	display: block !important;
	width: 100% !important;
}

h1 img {
	height: auto;
	max-width: 100% !important;
	padding: 0 0 30px 0 !important;
}

h2 {
	color: #fff;
	font-family: ff-tisa-sans-web-pro, sans-serif;
	font-weight: 400;
	font-style: normal;	
	font-size: 20px;
	line-height: 1.6em;
	padding: 0 0 30px 0 !important;
}

h3 {
	color: #404649;
	font-family: ff-tisa-sans-web-pro, sans-serif;
	font-weight: 700;
	font-style: normal;	
	font-size: 20px;
	line-height: 1.6em;
	text-transform: uppercase;
}


@media only screen and (max-width: 680px) {

	
body {
		background-image: none;
		background-color: #9fa69f;
		}
	
header p {
		display: none !important;
}
	
	
nav {
	float: none !important;
	display: block;
	margin: 0 auto;
	padding: 40px 0 20px 0 !important;
}
	
nav ul {
	list-style-type: none !important;
	display: block;
}

nav ul li {
	display: inline;
	float: none;
	color: #fff;
	font-family: ff-tisa-sans-web-pro, sans-serif;
	font-weight: 400;
	font-style: normal;	
	font-size: 14px;
	padding: 0 0 20px 0;
}
	
.content {
    top: 40%;
	}
	
	}