@charset "utf-8";
/* CSS Document */

*{box-sizing:border-box; font-family: 'Montserrat', sans-serif; -webkit-font-smoothing: antialiased;}

html, body{padding:0; margin:0; height:100%; width:100%;}

a{cursor:pointer; color:inherit;}
.nounderline{text-decoration:none;}
a:hover{text-decoration:underline !important;}

img{max-width:100%; vertical-align:bottom;}

h1, h2, h3{color:inherit; padding:0; margin:0;}

h1{font-size:100px;}
h2{font-size:40px; padding-bottom:35px; font-weight:700;}
h3{font-size:25px; padding-bottom:25px; font-weight:600;}

p{color:inherit; padding:0; margin:0; font-size:20px; margin-bottom:20px; font-weight:600;}

hr{color:#000; border-style:none; background-color:#000; height:5px; margin-bottom:10px;}

.fullwidth{
	position:relative;
	width:100%;
	background-position:center center;
	background-repeat:no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

.fitwidthL{width:90%; max-width:1170px; margin:auto; text-align:inherit;}

.fitwidthM{width:90%; max-width:900px; margin:auto;}

.fitwidthS{width:60%; max-width:500px; margin:auto;}

.center{text-align:center;}
.whitefont{color:#FFF;}
.whitebottomborder{border-bottom-style:solid; border-bottom-width:20px; border-bottom-color:#FFF;}

.paddingvert140{padding-top:140px; padding-bottom:140px;}
.paddingvert85{padding-top:85px; padding-bottom:85px;}
.nomarginpadding{padding:0; margin:0;}

.half{width:49%; display:inline-block; vertical-align:top;}
.halves .half:nth-child(2){margin-left:2%;}

.third{width:35%; display:inline-block; vertical-align:top; padding-left:6%; padding-right:6%;}
.thirds .third:nth-child(1){padding-left:0%; width:29%; border-right:solid 2px #B4B4B4;}
.thirds .third:nth-child(2){border-right:solid 2px #B4B4B4;}

.leftimage, .rightimage{width:40%; display:inline-block; vertical-align:top; height:100%;}
.leftimage img, .rightimage img{width:100%; left:0; top:0; padding:0; margin:0;}
.leftimage{margin-right:7%;}
.rightimage{margin-left:7%;}
.lefttext, .righttext{width:53%; display:inline-block; vertical-align:top; padding-top:80px; color:#FFF;}

.googlemap{position:relative; padding-bottom:30%; height:0; overflow:hidden;}
.googlemap iframe{position:absolute; top:0; left:0; width:100% !important; height:100% !important;}


#menu{
	background:#000;
	color:#FFF;
	padding-top:20px;
	padding-bottom:20px;
	text-align:right;
	max-height:120px;
	overflow:hidden;
	position:fixed;
	top:0;
	left:0;
    -webkit-transition:max-height 0.5s ease-in-out;
    -moz-transition:max-height 0.5s ease-in-out;
    -o-transition:max-height 0.5s ease-in-out;
    -ms-transition:max-height 0.5s ease-in-out;
    transition:max-height 0.5s ease-in-out;
	z-index:5;
}
#menubutton{padding-top:5px; padding-bottom:5px; float:left;}
#menu h3{padding:20px; font-size:80px; font-weight:700;}
#menu a{text-decoration:none;}
#logo{max-width:70%;}

#header{margin-top:120px; height:40vw; max-height:830px; min-height:350px;}
#header *{font-family: 'Alfa Slab One', cursive !important; color:#FFF; text-transform:uppercase; font-weight:400; line-height:1.1em; letter-spacing:3px;}

#footer{border-top-style:solid; border-top-width:20px; border-top-color:#000; padding-top:75px; padding-bottom:75px; background-image:url(images/Footer.jpg);}

#contactform{width:100%;}
#contactform p{padding:0; margin:0;}
#contactform input, #contactform textarea{margin:0; padding:5px; width:100%; font-size:18px; margin-bottom:15px; resize:none;}
#contactform textarea{height:100px;}
#contactform button{padding:5px; margin:0; width:100%; color:#999; background-color:#000; font-size:40px; border:none; font-weight:400;}
.error{color:#F00; font-weight:700;}
.success{font-size:40px; padding-top:20px;}

#patenttable{width:100%; border-top:solid 1px #FFF; margin-top:5px; padding-top:5px;}
#patenttable .third{padding:0; margin:0; border-right:none;}
#patenttable .thirds .third:nth-child(1){width:30%;}
#patenttable .thirds .third:nth-child(2){width:45%;}
#patenttable .thirds .third:nth-child(3){width:25%;}

/*  RESPONSIVE STYLES  */
@media all and (max-width: 1240px) {
	.leftimage, .rightimage{width:58%;}
	.leftimage{margin-right:2%;}
	.rightimage{margin-left:2%;}
	.lefttext, .righttext{width:40%;}
	.googlemap{padding-bottom:500px;}
}
@media all and (max-width: 1000px) {
	h1{font-size:70px;}
	h2{font-size:30px;}
	h3{font-size:20px;}
	p{font-size:16px;}
	#menu h3{font-size:60px;}
}
@media all and (max-width: 860px) {
	.leftimage, .rightimage{width:100%; position:absolute; left:0; top:0; overflow:hidden; max-height:250px;}
	.leftimage{margin-right:0%;}
	.rightimage{margin-left:0%;}
	.lefttext, .righttext{width:100%; padding-top:270px; padding-bottom:15px;}
	.leftimage img, .rightimage img{position:absolute; left:50%; top:50%; margin-top:-50%; margin-left:-50%;}
}
@media all and (max-width: 710px) {
	h1{font-size:50px;}
	h2{font-size:25px;}
	#menu h3{font-size:40px;}
	#logo{padding-bottom:50px;}
}
@media all and (max-width: 650px) {
	.half{width:100%;}
	.halves .half:nth-child(2){margin-left:0%; padding-top:25px;}
}
@media all and (max-width: 500px) {
	.third{width:100%; padding-left:0%; padding-right:0%;}
	.thirds .third:nth-child(1){padding-left:0%; width:100%; border-right:none;}
	.thirds .third:nth-child(2){border-right:none;}
	h1{font-size:30px;}
	h2{font-size:25px;}
	#menu h3{font-size:30px;}
}
@media all and (max-width: 420px) {
	h1{font-size:25px;}
	h2{font-size:20px;}
	#menu h3{font-size:25px;}
	#patenttable .thirds .third:nth-child(1){width:99%;}
	#patenttable .thirds .third:nth-child(2){width:99%;}
	#patenttable .thirds .third:nth-child(3){width:99%;}
}




/* changing site 2/3 scale of original, done separately in case I have to undo  */
h1{font-size:65px;}
h2{font-size:30px; padding-bottom:25px;}
h3{font-size:16px; padding-bottom:25px;}
p{font-size:14px; margin-bottom:14px;}
.fitwidthL{max-width:800px;}
.fitwidthM{max-width:600px;}
.fitwidthS{max-width:350px;}
.whitebottomborder{border-bottom-width:15px;}
.paddingvert140{padding-top:95px; padding-bottom:95px;}
.paddingvert85{padding-top:55px; padding-bottom:55px;}
.lefttext, .righttext{padding-top:55px;}
#menu{padding-top:15px; padding-bottom:15px; max-height:80px;}
#logo{width:320px;}
#menubutton{width:50px;}
#menu h3{padding:15px; font-size:55px;}
#header{margin-top:80px; height:40vw; max-height:550px; min-height:250px;}
#footer{border-top-width:15px; padding-top:50px; padding-bottom:50px;}
#contactform input, #contactform textarea{font-size:13px; margin-bottom:10px;}
#contactform textarea{height:65px;}
#contactform button{font-size:25px;}
.success{font-size:25px; padding-top:15px;}
@media all and (max-width: 1240px) {
	.leftimage, .rightimage{width:48%;}
	.leftimage{margin-right:2%;}
	.rightimage{margin-left:2%;}
	.lefttext, .righttext{width:50%;}
	.googlemap{padding-bottom:400px;}
}
@media all and (max-width: 1000px) {
	h1{font-size:50px;}
	h2{font-size:20px;}
	h3{font-size:15px;}
	p{font-size:13px;}
	#menu h3{font-size:40px;}
}
@media all and (max-width: 860px) {
	.leftimage, .rightimage{width:100%; position:absolute; left:0; top:0; overflow:hidden; max-height:250px;}
	.leftimage{margin-right:0%;}
	.rightimage{margin-left:0%;}
	.lefttext, .righttext{width:100%; padding-top:270px; padding-bottom:15px;}
	.leftimage img, .rightimage img{position:absolute; left:50%; top:50%; margin-top:-50%; margin-left:-50%;}
}
@media all and (max-width: 710px) {
	h1{font-size:35px;}
	h2{font-size:15px;}
	#menu h3{font-size:30px;}
	#logo{padding-bottom:35px;}
}
@media all and (max-width: 650px) {
	.halves .half:nth-child(2){padding-top:15px;}
}
@media all and (max-width: 500px) {
	h1{font-size:30px;}
	h2{font-size:20px;}
	#menu h3{font-size:20px;}
}
@media all and (max-width: 420px) {
	h1{font-size:25px;}
}