@media all {
* { margin:0; padding:0; }

option { padding-left:0.4em; }
select { padding:1px; }

body {
		font-size:100%;
		background:#000;
		color:#fff;
		text-align:left;
    font-family: Verdana, Geneva, sans-serif;
}

div:target { outline:0 none; }

.clearfix:after {
	clear:both;
	content:".";
	display:block;
	font-size:0;
	height:0;
	visibility:hidden;
}
.clearfix {
  zoom: 1;
}

.f_left{
  float: left;
}

.g_50 {
  width:50%;
}

header{
  position: fixed;
  left: 0;
  top: 0;
  background-color: black;
  height: 50px;
  width: 100%;
}
#h_logo {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  text-align: center;
}
#h_h1{
  position: fixed;
  left: 0;
  top: 0;
  color: white;
  font-size: 120%;
  padding-top: 13px;
  padding-left: 15%;
}

#main {
  margin-top: 50px;
  background-image: url(../images/under_construction.jpg);
  background-repeat: no-repeat;
  background-position: center 0px;
  width: 100%;
  height: 900px;
  text-align: center;
}
#m_logo{
  padding-top: 100px;
  max-width: 700px;
  width: 80%;
}
#mailto{
  display: block;
  color: white;
  text-decoration: none;
  font-size: 80%;
  padding: 25px 0;
  position: absolute;
  left: 43%;
bottom: 20%;
}
@media screen and (max-width: 800px){
header {
  display: none;
}
#main {
  margin: 0;
  padding: 0;
  background-image: url(../images/under_construction_mob.jpg); 
  background-size: contain;
  min-height: 99%;
  text-align: center;
}
#mailto{
  left:10%;
  bottom: 10%;
}
}
