
body {
	background: url('bg.jpg');
	background-repeat:no-repeat;
	background-size: cover;
	background-attachment:fixed;
	padding:0 !important;
	margin:0 !important;	
}

h1 {
	font-family: 'Fjalla One', sans-serif;
	font-size:2vw;
	line-height:1.6vw;
	font-style: italic;
}

h2 {
	font-family: 'Fjalla One', sans-serif;
	font-size:1.5vw;
	line-height:1.6vw;
	font-style: italic;
	margin-bottom:0px !important;
}

ul {
	width:30%;
	margin-left:-25px;
	margin-top:0px;
}

li {
	width:100%;
}

a {
	color: #000;
}

a:hover {
	color: #6b0000;
}

textarea {
	resize: none;
	width:30%;
	height:250px;
}

/* -------------------------------
		Contact form
------------------------------ */

form {
	width:100%;
	min-height:100px;
	margin-top:20px;
	margin-bottom:20px;
}

.formrow {
	width:50%;
	height:30px;
	border:0px solid #000;
	padding:10px;
}

.pretext {
	display:inline;
	float:left;
	width:20%;
	margin-right:0;
	height:20px;
}

.formfield {
	width:60%;
	margin-left:5%;
}

.formfieldmessage {
	width:90%;
	margin-top:5px;
	margin-left:0%;
}

.button {
	margin:20px;
	font-family: 'Fjalla One', sans-serif;
	padding:10px;
	background: rgba(250, 250, 250, 0.9);
	font-family: 'Fjalla One', sans-serif;
	font-size:1.0vw;
	line-height:1.6vw;
	border:2px solid #6b0000;
	border-radius:5px;
}

.button:hover {
	margin:20px;
	font-family: 'Fjalla One', sans-serif;
	padding:10px;
	background: rgba(220, 220, 220, 0.9);
	font-family: 'Fjalla One', sans-serif;
	color: #990000;
	font-size:1.0vw;
	line-height:1.6vw;
	border:2px solid #6b0000;
}

.formrowbuttons {
	width:100%;
	height:40px;
	border:0px solid #000;
	padding:10px;
}

.formrowmessage {
	width:100% !important;
	padding:10px;
	margin-top:0px;
	margin-bottom:-20px;
}

/* -------------------------------
		Alround styles
------------------------------- */

img {
	border-radius:20px;
}

#top {
	background: url('top.jpg');
	background-repeat: no-repeat;
	background-position: center center; 
	background-size: cover;
	box-sizing: border-box;
	border: 0;
	width:100%;
	height:300px;
	margin-bottom:30px;
	border-bottom:0px dashed #000;
}

	.topimage {
		width:50%;
		margin-left: auto;
		margin-right:auto;
		text-align: center;
		height:100px;
		margin-bottom:0px;
		border: none;
		padding: 10px;
	}

#content1 {
	background: rgba(250, 250, 250, 0.9);
	font-family: 'Fjalla One', sans-serif;
	font-size:1.0vw;
	line-height:1.6vw;
	box-sizing: border-box;
	width:100%;
	margin: auto !important;
	text-align:center;
	padding-top:1%;
	padding-left:5%;
	padding-right:5%;
	padding-bottom:2%;
	margin:0;
	border-top:2px solid #6b0000;
	border-bottom:2px solid #6b0000;
}

#content2 {
		background: rgba(250, 250, 250, 0.9);
		font-family: 'Fjalla One', sans-serif;
		font-size:1vw;
		line-height:1.5vw;
		width:100%;
		box-sizing: border-box;
		margin: auto !important;
		text-align:center;
		padding-top:2%;
		padding-left:10%;
		padding-right:10%;
		padding-bottom:2%;
		margin:0;
		border-top:2px solid #6b0000;
		border-bottom:2px solid #6b0000;
	}

#content-text {
	text-align:left !important;
	width:70%;
	font-size: 1.vw;
	margin-left:15%;
}

.image {
	float:right;
	width:18%;
	border-radius:0;
	margin-left:30px;
	margin-top:0px;
	border:1px solid #999;
}

.image2 {
	float:right;
	width:30%;
	border-radius:0;
	margin-left:30px;
	margin-top:0px;
	border:1px solid #999;
}

#divider {
	margin-top:10px;
	margin-bottom:10px;
}

#imagebar1 {
	font-family: 'Fjalla One', sans-serif;
	background: url('bg.gif');
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	max-width:100%;
	height:auto;
	border:1px solid #000;
	border-radius:50px;
}

a {
	color:#000;
	font-weight:900;
	font-size:1.2vw;
	line-height:2vw;
}

.centerimage {
  margin-left: auto;
  margin-right:auto;
  text-align: center;
  margin-top:0px;
  margin-bottom:20px;
  height:230px;
  border: none;
  padding: 10px;
}

.topimage {
  margin-left: auto;
  margin-right:auto;
  text-align: center;
  margin-top:40px;
  margin-bottom:20px;
  height:200px;
  border: none;
  padding: 10px;
}

.logo {
	width:50%;
}

@media all and (max-width: 900px) {

	#top {
		background: url('top.jpg');
		background-repeat: no-repeat;
		background-position: center center; 
		background-size: cover;
		box-sizing: border-box;
		border: 0;
		width:100%;
		height:250px;
		margin-bottom:0px;
		border-bottom:0px dashed #000;
	}

	.image {
		float:right;
		width:40%;
		border-radius:0;
		margin-top:30px;
		margin-bottom:20px;
		border:1px solid #999;
	}

	#content-text {
		text-align:center !important;
		width:95%;
		font-size: 1.vw;
		margin-left:4%;
		margin-top:20px;
	}
	
	#content1 {
		background: rgba(250, 250, 250, 0.8);
		font-family: 'Fjalla One', sans-serif;
		font-size:2.5vw;
		line-height:4vw;
		width:100%;
		box-sizing: border-box;
		margin: auto !important;
		text-align:center;
		padding-top:1%;
		padding-left:10%;
		padding-right:10%;
		padding-bottom:5%;
		margin:0;
		border-top:2px solid #6b0000;
		border-bottom:2px solid #6b0000;
	}

	#content2 {
		background: rgba(250, 250, 250, 0.8);
		font-family: 'Fjalla One', sans-serif;
		font-size:2.5vw;
		line-height:4vw;
		width:100%;
		box-sizing: border-box;
		margin: auto !important;
		text-align:center;
		padding-top:3%;
		padding-left:10%;
		padding-right:10%;
		padding-bottom:5%;
		margin:0;
		border-top:2px solid #6b0000;
		border-bottom:2px solid #6b0000;
	}
	

	h1 {
		font-family: 'Fjalla One', sans-serif;
		font-size:4vw;
		line-height:4.0vw;
	}
	
	h2 {
		font-family: 'Fjalla One', sans-serif;
		font-size:4vw;
		line-height:6vw;
	}
	
	a {
		color:#000;
		font-weight:900;
		font-size:2.5vw;
		line-height:3vw;
	}
	
	#divider {
		margin-top:10px;
		margin-bottom:10px;
	}	
	
	img {
		border-radius:10px;		
	}

	.logo {
		width:30%;
	}

	.topimage {
		width:90%;
		margin-left: auto;
		margin-right:auto;
		text-align: center;
		height:160px;
		margin-top:40px;
		border: none;
		padding: 10px;
	}

	ul {
		width:90%;
		margin-left:20px;
		margin-top:0px;
	}

	li {
		width:100%;
		margin-left:-20px;
	}


	.image2 {
		float:none;
		width:50%;
		border-radius:0;
		margin-top:0px;
		border:1px solid #999;
	}

	/* -------------------------------
			Contact form
	------------------------------ */

	form {
		width:100%;
		min-height:100px;
		margin-top:20px;
		margin-bottom:20px;
	}

	.formrow {
		width:100%;
		height:30px;
		border:0px solid #000;
		padding:10px;
	}

	.pretext {
		display:inline;
		float:left;
		width:20%;
		margin-right:0;
		height:20px;
	}

	.formfield {
		width:60%;
		margin-left:5%;
	}

	.formfieldmessage {
		width:90%;
		margin-top:5px;
		margin-left:0%;
	}

	.button {
		margin:20px;
		font-family: 'Fjalla One', sans-serif;
		padding:10px;
		background: rgba(250, 250, 250, 0.9);
		font-family: 'Fjalla One', sans-serif;
		font-size:3.0vw;
		line-height:3.6vw;
		border:2px solid #6b0000;
		border-radius:5px;
	}

	.button:hover {
		margin:20px;
		font-family: 'Fjalla One', sans-serif;
		padding:10px;
		background: rgba(220, 220, 220, 0.9);
		font-family: 'Fjalla One', sans-serif;
		color: #990000;
		font-size:3.0vw;
		line-height:3.6vw;
		border:2px solid #6b0000;
	}

	.formrowbuttons {
		width:100%;
		height:40px;
		border:0px solid #000;
		padding:10px;
	}

	.formrowmessage {
		width:100% !important;
		padding:10px;
		margin-top:0px;
		margin-bottom:-20px;
	}

	
}