/*dark green - #214206
logo purple - #5C235C
*/

#header
{
	background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("images/background.png");
	background-repeat: no-repeat;
	filter: opacity(40%);
	background-size: cover;
	position: relative;
	width: 100%;
	height: 60%;
	margin:0px 0px 50px 0px;
	max-height: 400pt;

	border-bottom-style: inset;
	border-color: #214206;

}

#banner
{
	background-image: url("tribalfence.svg");
	border-radius: 200px;
	border:5px solid #3B6419;
	background-repeat: no-repeat;
	background-position: center;
	background-color: white;
	background-size: contain;
	z-index: 1;
	width:47%;
	height:30%;
	max-height: 250pt;
	position: absolute;
	top:10%;
	left:26%;


}

#contact
{
	text-align: center;
	font-weight: bold;
	font-size: 18;
	margin: 5%;
}
.insured
{
	text-align: center;
	color: #640930;
	font-weight: bolder;
	font-size: 20;
	font-style: italic;
}
.about
{
	margin-left: 15%;
	margin-right:15%;
	margin-top: 7%;
	margin-bottom:12%;
	color:#640930;
	font-style: italic;
	font-weight: bold;
	font-size: 2vw;
}


a:link
{
	color:#537E30;
}

.slideshow-container
{
	max-width:1000px;
	height: auto;
	position: relative;
	margin:auto;
	text-align: center;
	margin-top: 3%;
	margin-bottom: 3%;
}

.mySlides
{
	display: none;

}

/*.BAl
{
	width: 40%;
	margin-left: auto;
	transition: transform .5s;
	z-index: 1;

}
.BAl:hover
{
	transform: scale(1.5);
	cursor: zoom-in;
}*/

.BA
{
	max-width: 60%;
	transition: transform .5s;
	display: block;
	margin-left: auto;
	margin-right: auto;


}

.BA:hover
{
	transform: scale(1.5);
	cursor: zoom-in;

}

.prev, .next
{
	cursor: pointer;
	position: absolute;
	top:50%;
	width:auto;
	margin-top: -22px;
	padding-right: 16px;
	color: #214206;
	font-weight: bold;
	font-size: 24px;
	transition: 0.6s ease;
	border-radius: 0 3px 3px 0;
	user-select: none;
	left:3%;
	z-index: 0;

}

.next
{
	right:0;
	border-radius: 3px 0 0 3px;
	left:98%;
}


.prev:hover, .next:hover
{
	background-color: rgba(0,0,0,0.8);
}

/*.text
{
	color: #f2f2f2;
	font-size: 15px;
	padding: 8px 12px;
	position:absolute;
	bottom: 8px;
	width:100%;
	text-align: center;
}*/


.dot
{
	cursor: pointer;
	height: 15px;
	width: 15px;
	margin: 0 2px;
	background-color: #9ABF7B;
	border-radius: 50%;
	display: inline-block;
	transition: background-color 0.6s ease;
	margin-bottom: 10%;
}

.active, .dot:hover
{
	background-color:#3B6419;
}

.fade
{
	-webkit-animation-name:fade;
	-webkit-animation-duration: 1.5s;
	animation-name:fade;
	animation-duration: 1.5s;
}

@-webkit-keyframes fade 
{
	from {opacity: .4}
	to {opacity: 1}
}

@keyframes fade
{
	from{opacity: .4}
	to{opacity: 1}
}




body{
	
	}