/*Style additions for contact.html

Parallax adjustments:

########NOTE:########
z-index adjustments are in contactparallaxon.css*/

@import "style.css";

/*Menu active link adjustment*/

.menu5 a:nth-child(5) {
	background-color: #5E7F2D;/*#82b440;*/
}


body {
	background-image: url("../images/2560/paddock-wood-lawn-striping.jpg");
	background-size: cover;
	background-position: center bottom;
}

.plx-contact1 {
	width: 100%;
	height: max(80vh, 600px) !important;
}

.plx-contact1 .plx-layer_base {
	position: relative;
	height: max(80vh, 600px) !important;
	background-color: gray;
	box-shadow: inset 0 0 1em 0.01em rgba(0, 0, 0, 1);
}

.contactbuttonscontainer p {
	margin-top: 1em;
}

.plx-footer {
	height: max(120vh, 900px) !important;
	background-image: linear-gradient(to bottom, rgba(30,30,30,1.0), rgba(30,30,30,0));
}

@media screen and (max-width: 450px) {
	
	body {
		background-image: none;
		background-color: rgb(30,30,30);
	}
	
	.contactformcontainer {
		width: 100%;
	}
	
	.contactformcontainer iframe {
		width: 90%;
	}
	
}

/*Make sure everything alway displays*/

.contactbuttonscontainer .phonebutton {
	display: block !important;
}

@media screen and (min-width: 1px) {
	
	.contactformcontainer {
		display: block !important;
	}
	
	.contactbuttonscontainer {
		display: block !important;
		max-width: 300px;
	}
	
	.contactbuttonscontainer .h1 {
	filter: drop-shadow(0 0 0.75rem #003B00);
	}
	
	.contactbuttonscontainer a {
		font-size: 20px;
		font-weight: bold;
		margin-top: 0.75em;
		width: 100%;
	}
	
	.contactbuttonscontainer a i {
		vertical-align: sub;
		font-size: 30px;
		margin-right: 0.25em;
	}
	
}