* {
     font-family: 'Bitter', serif;
     max-width:100%;
}
 body {
     background-color: #f1d592;
     background-size: cover;
     margin:0;
     display:flex;
     justify-content:center;
}
 .mobilehead {
     display:none;
}
 a {
     text-decoration:none;
     color:inherit;
}
 .maincontain {
     background: url('../img/stump.jpg')no-repeat center center;
     background-size: cover;
     margin:none !important;
     position:absolute;
     max-width: 100%;
     width:100%;
}
 .half2 {
     display:none;
}
 .flex {
     display:flex;
     justify-content:center;
     align-items:center;
     /*width:100%;*/
}
 .headbar {
     background:black;
     width:100%;
     height:80px;
     color:white;
     margin-top: 32px;
     padding-top:8.8px;
     padding-bottom:8.8px;
}
 .phone {
     font-size: 40px;
}
 .cut {
     font-size: 17.6px;
}
 .icon {
     width:40px;
     height:40px;
     margin:4px;
}
 .pusher {
     width:10%;
}
 .headbar div {
     margin-left:125px;
     margin-right:10px;
	 text-align:center;
}
 .half1 {
     width:auto;
     height:100%;
     position:relative;
     margin-top:90.4px;
	 display:none;
}
 .buttonholder {
	display:flex;
	justify-content: center;
	align-items:center;
	width:100%;
	margin-top: 30px;
	margin-bottom: 15px;
 }
 .hidden {
     display:none !important;
 }

 .contactbutton {
	background:black;
	color:red;
	text-shadow: 1px 1px 0px yellow;
	padding:10px;
	border-radius:5px;
	font-size:24px;
	text-align:center;
 }
 .maincontent {
     position:relative;
	 flex-wrap:wrap;
}
 .maincontent div {
     margin-left:10px;
     margin-right:10px;
}
 .article {
     width:40%;
     font-size:17.6px;
     line-height: 26.4px;
     margin-left: 40px !important;
     text-align:left;
	 text-shadow:1px 1px 0px black;
}
 .contactform1, .contactform2, .contactform3 {
     max-width:35%;
     background-color:black;
     color:white;
     margin-bottom:20px;
     min-width:330px;
}
 .head {
     text-align:center;
     margin: 8px auto;
     font-size:24px;
}
 .contactform1 input, .contactform2 input, .contactform3 input {
     width:95%;
     margin:4px auto;
     height:20px;
     font-size:14.4px;
     border-radius:3px;
}
 .contactform1 div, .contactform2 div, .contactform3 div {
     text-align:center;
     padding-top: 8px;
}
 textarea {
     height:40px;
     font-size:14.4px;
     width:95%;
     margin:4px auto;
     border-radius:3px;
}
 .wcu {
     font-size: 56px;
     font-weight:700;
     text-align:center;
     width:100%;
     color:black;
     margin-top:20px;
     margin-bottom:20px;
	 text-shadow:1px 1px 0px red;
}
 .shotcontainer {
     width: 24.7%;
     height: 192px;
     border:1px solid black;	 overflow:hidden;	 position:relative;	 flex-wrap:wrap;
}
 .photobar {
     width:70%;
     padding-left:15%;
     padding-right:15%;
     height:200px;
     justify-content:space-between;
     align-items:center;
    /*! background:white;
     */
}
 #photo1 {
     background:url(../img/1.jpg)no-repeat center center;
     background-size: cover;
}
 #photo2 {
     background:url(../img/2.jpg)no-repeat center center;
     background-size: cover;
}
 #photo3 {
     background:url(../img/3.jpg)no-repeat center center;
     background-size: cover;
}
 #photo4 {
     background:url(../img/4.jpg)no-repeat center center;
     background-size: cover;
}
 .overbar {
     display:flex;
     justify-content:center;
     align-items:center;
     font-size:22.4px;
     height:46.4px;
     width:100%;
     align-self:flex-end;
     text-align:center;
     background:black;
     color:white;
     padding-top: 8px;	 position:absolute;	 bottom:0;	 left:0;
     padding-bottom:8px;
}
 .greybar {
     width:100%;
     background:grey;
     color:black;
     font-weight:700;
     padding: 8px 0px;
}
 .greybar div {
     margin:auto 10px;
}
 .whitebar {
     width:100%;
     background: white;
     color:black;
     padding: 8px 0px;
}
 .blackbar {
     width: 70%;
     background:black;
     color:white;
     justify-content:space-between;
     padding-left:15%;
     padding-right:15%;
     margin-bottom: 16px;
     padding: 8px 15%;
}
 footer {
     padding-top: 16px;
     font-size:17.6px;
     margin: 8px 0px;
}
 .logo {
     position: absolute;
     top: 5px;
     left: 19%;
     height: 20%;
     z-index:5;
}
 .headbar div.contact {
     font-size: 40px;
     margin-left: -15px;
}
 #Submitter {
     background:yellow;
     padding-top:12px;
     padding-bottom:12px;
     margin-bottom:24px;
     height:auto;
}
 #overlay {
     display:flex;
     position:absolute;
     top:0;
     left:0;
     z-index:10;
     width:100%;
     height:100%;
     justify-content:center;
     align-items:center;
     background-color: rgba(255,255,255,.7);
 }

 input.error {
     border:1px dashed red;
}
.success {
    background: green;
    padding: 15px;
    text-align: center;
    color: white;
    font-size: 18px;
}

 @media only screen and (max-width:1170px) {
     .logo, .half1 {
         display:none;
    }
     .half2 {
         display:flex;
    }
	 .maincontain {
		 background-image:none;
		 background-color:#f1d592;
	 }
     .contactbutton{
         margin-top:10px;
     }
     a[href=tel:+1-248-866-5881] {
         text-shadow: 1px 1px 1px;
     }

     .maincontent {
         flex-wrap:wrap;
    }
     .half {
         align-self: flex-end;
         width:100%;
    }
     .article {
         align-self:flex-start;
         width:100%;
    }
     .pusher {
         display:none;
    }
     .phone {
         font-size:22px;
         margin:0px !important;
         width:100%;
    }
     .cut {
         display:none;
    }
     .headbar div {
         margin-right: none;
         justify-content:center;
         text-align:center;
    }
	.phone, .icons, .contact {
		z-index:5;
	}
     .headbar {
         justify-content:center;
         flex-wrap:wrap;
    }
     .icons {
         margin: 0px !important;
         max-width:50%;
    }
     .icon {
         height:30px;
         width:30px;
    }
     .contact {
         margin:0px !important;
         width:50%;
    }
     .blackbar {
         font-size: 13px;
         padding: 10px 0px;
         width:100%;
    }
     .whitebar {
         font-size: 15px;
         text-align:center;
    }
     .greybar {
         font-size: 15px;
         text-align:center;
    }
     .photobar {
         width:100%;
         padding:0px !important;
         flex-wrap:wrap;
         height:auto;
    }
     .shotcontainer {
         width:100%;
         min-height:240px;
         height:auto;
    }
     .mobilehead {
         display:block;
         width:100%;
         text-align:center;
         font-size:36px;
         color:red;
         text-shadow:1px 1px 1px yellow;
         margin:0px !important;
    }
     a{
         color:blue;
    }
}
 
.noselect { 
-webkit-touch-callout: none; 
/* iOS Safari */ 
-webkit-user-select: none; 
/* Chrome/Safari/Opera */ 
-khtml-user-select: none; 
/* Konqueror */ 
-moz-user-select: none; 
/* Firefox */ 
-ms-user-select: none; 
/* Internet Explorer/Edge */ 
user-select: none; 
/* Non-prefixed version, currently not supported by any browser */ 
}
#Submitter1
{
	margin-bottom:20px;
	width:auto;
	padding: 3px;
	height:auto;
}