.header {
	top:0;
	left:0;
	width:100%;
	height:220px;
	position: fixed;
}

.back {
	background:url("/image.php?image=/images/header-left.png&w=300&h=300");
  	background: url("/image.php?image=/images/header-left.png&w=300&h=300"), linear-gradient(to right, Black, DimGrey, DimGrey, Black);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: left top;
	border-bottom: 2px solid black;
	z-index: 10;
}

.front {
	background:url("/image.php?image=/images/logo.png&w=600&h=300");
  	background: url("/image.php?image=/images/logo.png&w=600&h=300");
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	border-bottom: 2px solid black;
	z-index: 20;
}

.side-panel {
	width:23.75%;
	/*height:100%;*/
	position:absolute;
	top:245px;
	min-width:285px;
}

.left {
	left:2%;
}

.right {
	left:74.25%;
}

body {
	margin: 0px;
	background: -moz-linear-gradient(bottom, DimGrey, DarkGrey, DarkGrey, DimGrey);
	background: linear-gradient(to bottom, DimGrey, DarkGrey, DarkGrey, DimGrey);
	text-align:center;
	font-family: Verdana,sans-serif;
	font-size:14px;
}

.main-panel {
	width:42%;
	/*height:100%;*/
	position:absolute;
	top:257px;
	left:29%;
	min-width:504px;
	text-align:justify;
	background:#ffffff;
	border:2px solid black;
	border-radius:15px;
	padding:10px;
	padding-left:12px;
	padding-right:12px;
	margin-top: -12px;
	margin-left: -14px;
	background: -moz-linear-gradient(bottom, Silver, Silver, Gainsboro);
	background: linear-gradient(to bottom, Silver, Silver, Gainsboro);
}

.motec {
	top:140px;
	right:20px;
	height:80px;
	position:absolute;
}

@media all and (max-width: 1200px) and (min-width:481px) {
	.motec {
        	left:940px;
        	right:auto;
	}
	
	.main-panel {
		left:342px;
	}
	
	.right {
		left:879px;
	}
	
	.left {
		left:24px;
	}
	
	.header {
		width:1200px;
	}
	
	.front {
		left:-10px !important;
	}
}

@media only screen and (max-width: 480px) {
	.side-panel {
		display:none !important;
	}
	
	.main-panel {
		width:80%;
		left:5%;
		min-width:0px;
	}
	
	.back {
	  	background: DimGrey;
	}
	
	.header {
		width:100%;
		position:absolute;
	}
	
	.motec {
		display:none;
	}
	
	.body {
		max-width:100%;
	}

    .a input {
	    width: 100% !important;
    }
}

@media only screen and (max-device-width: 480px) {
	.side-panel {
		display:none !important;
	}
	
	.main-panel {
		width:80%;
		left:5%;
		min-width:0px;
	}
	
	.back {
	  	background: DimGrey;
	}
	
	.header {
		width:100%;
		position:absolute;
	}
	
	.motec {
		display:none;
	}
	
	.body {
		max-width:100%;
	}

    .a input {
	    width: 100% !important;
    }
}

.image-wrapper {
  width: 100%;
  display: inline-block;
  position: relative;
}

.image-wrapper:after {
  padding-top: 56.25%;
  display: block;
  content: '';
}

div.image {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  color: white;
  overflow:hidden;
}

img.image {
    width:100%;
    object-fit:cover;
    cursor:pointer;
}

video.image {
	width: 100%;
    cursor:pointer;
}

.image-display {
	display:none;
	width:80%;
	height:80%;
	top:10%;
	left:10%;
	background:Gainsboro;
	position:fixed;
	z-index:40;
	border:5px solid black;
	border-radius:25px;
}

.image-display img {
	position:relative;
	left:5px;
	top:5%;
	width:90%;
	height:90%;
	object-fit:contain;
	display:none;	
}

.image-display video {
	position:relative;
	left:5px;
	top:5%;
	width:90%;
	height:90%;
	object-fit:contain;	
	display:none;
}

.blocker {
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.8);
	z-index:30;
	position:fixed;
	top:0;
	left:0;
	display:none;
}

.close {
    cursor:pointer;
    font-size:38px;
    right:20px;
    top:7px;
    position:absolute;
}

.contact {
	width:100%;
}

.contact .c1 {
	width:160px;
	vertical-align:top;
}

.contact .c2 {

}

input, textarea {
	width:100%;
    border:1px solid black;
	border-radius:12px;
    padding:3px;
    padding-left:10px;
    padding-right:10px;
    font-size:14px;
    box-sizing: border-box;
}

input[type=checkbox] {
	width:auto !important;
}

textarea {
	width:100%;
	height:160px;
    resize: none;
}

span[red] {
	color: red;
}

.a input {
	width:300px !important;
}

.message {
	font-family: Verdana,sans-serif;
}

.response {
	display:none;
}

input:-webkit-autofill {
	-webkit-box-shadow:0 0 0 20px white inset;
}

html, body { min-height: 100%; }