body {
	margin:0;
	font-family:Arial;
	
	}

h1 { margin:15px 0 35px 0; }
h2 { margin-bottom: 20px; }
h3 { margin-bottom: 5px; }
h4 { }
p { margin: 5px 0; }
ul { margin: 0 -20px; }
li { margin: 0; }

p, 
ul,
ol,
li,
dd,
dt,
dl {
	line-height:1.4em;
}


pre,
blockquote,
dl,
figure,
table,
p,
ul,
ol,
form {
  margin-bottom: 20px; }

.contents {
	line-height:1.6em; }

/* Links */
a {
  color: #4CAF50; }
a:hover {
  color: #0FA0CE; }

#header {
	margin:0;
	margin:0 0 -4px 0;
	witdh:100%;
	}
#header-main-img {
	width:100%;
	height:auto;
	}
#header-text-box {
	position:absolute;
	top:20px;
	left:0;
	margin:0;
	padding:5px 20px 5px 20px;
	background-color:#fff;
	opacity: 0.65;
	font-size:30px;
	}

#container {
	padding:20px;
	background-color:#eaeaea;
	}

#footer {
	background-color: #333;
	color:#fff;
	text-align:right;
	padding:10px;
	}
#footer a {
	color:#ccc;
	}

.topnav {
	overflow: hidden;
	background-color: #333;
	}

.topnav a {
	float: left;
	display: block;
	color: #f2f2f2;
	text-align: center;
	padding: 14px 16px;
	text-decoration: none;
	font-size: 17px;
	}

.home {
	background-color: #267805;
	color: white;
	}

.active {
	background-color: #4CAF50;
	color: white;
	}

.topnav .icon {
	display: none;
	}

.dropdown {
	float: left;
	overflow: hidden;
	}

.dropdown .dropbtn {
	font-size: 17px;    
	border: none;
	outline: none;
	color: white;
	padding: 14px 16px;
	background-color: inherit;
	font-family: inherit;
	margin: 0;
	}

.dropdown-content {
	display: none;
	position: absolute;
	background-color: #f9f9f9;
	min-width: 160px;
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	z-index: 1;
	}

.dropdown-content a {
	float: none;
	color: black;
	padding: 12px 16px;
	text-decoration: none;
	display: block;
	text-align: left;
	}

.topnav a:hover, .dropdown:hover .dropbtn {
	background-color: #555;
	color: white;
	}

.dropdown-content a:hover {
	background-color: #ddd;
	color: black;
	}

.dropdown:hover .dropdown-content {
	display: block;
	}

/* Maps */
#map_wrapper {
	width:100%;
	height:600px;
}

#map_canvas {
	width: 100%;
	height: 100%;
}


/*#registration-form-container */
h2 {
	font-style:italic;
	text-decoration:underline;
}

.form-group-block {
	padding:10px;
	margin-bottom:20px;
	background-color:#f3f3f3;
	border:1px solid #e3e3e3;
}


/* Buttons
–––––––––––––––––––––––––––––––––––––––––––––––––– */
input, textarea , button
{
  width: 100%;
}
textarea
{
  height: 200px;
}
input[type="checkbox"],
input[type="radio"] {
	width: 20px;
}


.contents .button,
.contents button,
.contents input[type="submit"],
.contents input[type="reset"],
.contents input[type="button"] {
  display: inline-block;
  height: 38px;
  padding: 0 30px;
  color: #555;
  text-align: center;
  font-size: 11px;
  font-weight: 600;
  line-height: 38px;
  letter-spacing: .1rem;
  text-transform: uppercase;
  text-decoration: none;
  white-space: nowrap;
  background-color: transparent;
  border-radius: 4px;
  border: 1px solid #bbb;
  cursor: pointer;
  box-sizing: border-box; }
.contents .button:hover,
.contents button:hover,
.contents input[type="submit"]:hover,
.contents input[type="reset"]:hover,
.contents input[type="button"]:hover,
.contents .button:focus,
.contents button:focus,
.contents input[type="submit"]:focus,
.contents input[type="reset"]:focus,
.contents input[type="button"]:focus {
  color: #333;
  border-color: #888;
  outline: 0; }
.contents .button.button-primary,
.contents button.button-primary,
.contents input[type="submit"].button-primary,
.contents input[type="reset"].button-primary,
.contents input[type="button"].button-primary {
  color: #FFF;
  background-color: #33C3F0;
  border-color: #33C3F0; }
.contents .button.button-primary:hover,
.contents button.button-primary:hover,
.contents input[type="submit"].button-primary:hover,
.contents input[type="reset"].button-primary:hover,
.contents input[type="button"].button-primary:hover,
.contents .button.button-primary:focus,
.contents button.button-primary:focus,
.contents input[type="submit"].button-primary:focus,
.contents input[type="reset"].button-primary:focus,
.contents input[type="button"].button-primary:focus {
  color: #FFF;
  background-color: #1EAEDB;
  border-color: #1EAEDB; }


/* Forms
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.contents input[type="email"],
.contents input[type="number"],
.contents input[type="search"],
.contents input[type="text"],
.contents input[type="tel"],
.contents input[type="url"],
.contents input[type="password"],
.contents textarea,
.contents select {
  height: 38px;
  padding: 6px 10px; /* The 6px vertically centers text on FF, ignored by Webkit */
  background-color: #fff;
  border: 1px solid #D1D1D1;
  border-radius: 4px;
  box-shadow: none;
  box-sizing: border-box; }
/* Removes awkward default styles on some inputs for iOS */
.contents input[type="email"],
.contents input[type="number"],
.contents input[type="search"],
.contents input[type="text"],
.contents input[type="tel"],
.contents input[type="url"],
.contents input[type="password"],
.contents textarea {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none; }
.contents textarea {
  min-height: 65px;
  padding-top: 6px;
  padding-bottom: 6px; }
.contents input[type="email"]:focus,
.contents input[type="number"]:focus,
.contents input[type="search"]:focus,
.contents input[type="text"]:focus,
.contents input[type="tel"]:focus,
.contents input[type="url"]:focus,
.contents input[type="password"]:focus,
.contents textarea:focus,
.contents select:focus {
  border: 1px solid #33C3F0;
  outline: 0; }
.contents label,
.contents legend {
  display: block;
  margin-bottom: .5rem;
  font-weight: 600; }
.contents fieldset {
  padding: 0;
  border-width: 0; }
.contents input[type="checkbox"],
.contents input[type="radio"] {
  display: inline; }
.contents label > .label-body {
  display: inline-block;
  margin-left: .5rem;
  font-weight: normal; }
/* Spacing
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.contents button,
.contents .button {
  margin-bottom: 1rem; }
.contents input,
.contents textarea,
.contents select,
.contents fieldset {
  margin-bottom: 1.5rem; }

.required {
	color:#990000;
}

.help-block {
	margin: -15px 0 20px 0;
	color:#990000;
	background-color:#EDBBBC;
	padding:5px;
	border-radius: 4px;
	border: 1px solid #EE9799;
}

@media  only screen and (min-device-width: 768px) 
{
	.contents {
		padding: 3%;
		border: 9px solid #fff;            
		max-width: 90%;
		margin: auto;
	}

}


@media screen and (max-width: 600px) {
	/*.topnav a, .dropdown .dropbtn {
		display: none;
		}*/
	.topnav a:not(:first-child), .dropdown .dropbtn {
		display: none;
		}
	.topnav a.icon {
		float: right;
		display: block;
		}
}

@media screen and (max-width: 600px) {
	#header-text-box {
		top:15px;
		font-size:15px;
	}
	.topnav.responsive {
		position: relative;
		}
	.topnav.responsive .icon {
		position: absolute;
		right: 0;
		top: 0;
		}
	.topnav.responsive a {
		float: none;
		display: block;
		text-align: left;
		}
	.topnav.responsive .dropdown {float: none;}
	.topnav.responsive .dropdown-content {position: relative;}
	.topnav.responsive .dropdown .dropbtn {
		display: block;
		width: 100%;
		text-align: left;
		}
}