body {
font-family:tahoma,Arial, Helvetica, sans-serif;
background-repeat:repeat;
font-size:14px;
line-height:22px;
color:#333333;
}

p {
  display: block;
  margin-top: 1em;
  margin-bottom: 1em;
  margin-left: 0;
  margin-right: 0;
}

#main {
    
      height: 100vh; /* Use vh as a fallback for browsers that do not support Custom Properties */
  height: calc(var(--vh, 1vh) * 100);
  margin: 0 auto;
  max-width: 30%;
    max-width:600px;
    min-height:800px;
}

h1 {
    color:#00a9f3;
}

h2 {
    line-height:30px;
}

#contact-wrapper {
	width:100%;
	border:1px solid #e2e2e2;
	background:#f1f1f1;
	padding:20px;
}
#contact-wrapper div {
	clear:both;
	margin:1em 0;
}
#contact-wrapper label {
	display:block;
	float:none;
	font-size:16px;
	width:auto;
}
form#contactform input {
	border-color:#B7B7B7 #E8E8E8 #E8E8E8 #B7B7B7;
	border-style:solid;
	border-width:1px;
	padding:5px;
	font-size:16px;
	color:#333;
}
form#contactform textarea {
	font-family:Arial, Tahoma, Helvetica, sans-serif;
	font-size:100%;
	padding:0.6em 0.5em 0.7em;
	border-color:#B7B7B7 #E8E8E8 #E8E8E8 #B7B7B7;
	border-style:solid;
	border-width:1px;
}

label {
    text-align:left;
    width:300px;
    float:left;
    margin-top:10px;
} 

.menubar {
    text-align:center;
    width: 100%;
}

.button {
  background-color: #00a9f3; /* Blue */
  border: none;
  color: white;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
}

#bottommenu {
    clear: left;
    text-align:center;
    text-underline:none;
    height:20px;
    width:100%;
    margin-bottom:20px;
}

div#bottommenu a:link { color: black; text-decoration: none; }
div#bottommenu a:visited { color: black; text-decoration: none; }
div#bottommenu a:hover { color: #808080; text-decoration: none; }
div#bottommenu a:active { color: black; text-decoration: none; }