html{ height:100%; }
body{ min-height:100%; padding:0; margin:0; position:relative;  }
body::after{ content:''; display:block; height:100px; }
footer{ position:absolute;bottom:0; width:100%; height:50px; }
body{  font-family: Ubuntu, sans-serif; }
label{ cursor:pointer; display:inline-block; transition:1s ease; }
:checked ~ label{ margin-bottom:1400px; }
article{ width:100%; margin:0 auto; color:#444; margin-top:40px; }
header{ background:#C7DD8B; height:50px; position: fixed; top: 0; width: 100%; z-index:10000000000; }
footer{ background:#DB8A8A; }
* {box-sizing: border-box;}
.column1 {float: left;text-align:center;width: 20.00%;padding: 10px;height: 30px;}
.column2 {float: left;text-align:center;width: 20.00%;padding: 10px;height: 30px;}
.row:after {content: "";display: table;clear: both;}
#map-canvas { width: 100%; height:200px;}
#full-screen-background-image {
  z-index: -999;
  width: 100%;
 
  position: fixed;
  top: 0;
  left: 0;
opacity: 0.9;
    filter: alpha(opacity=100); /* For IE8 and earlier */
   
}

.submit4 {
margin-top:-3px;
color: #353535;
font-size: 17px;
font-style: normal;
font-weight: normal;
text-align: center;
vertical-align: middle;
width: 100%;
height:40px;
margin-left:10px;
margin-right:10px;
padding: 4px 15px;
background-color:#fff;
cursor: pointer ;
 border: 0px solid #888;
-webkit-appearance: none;
}


.submit4:hover {
background-color: #fff;
 border: 0px solid #888;
color: #ff8000;
}