* {
	 	box-sizing: border-box;
	 }
body {
	font-family:  arial, courier, verdana, sans-serif;
	margin: 0px;
	padding: 0;
	background-color: lightgray;
}
header {
	position: relative;
	margin: auto;
	width: 100%;
	text-align: center;
	height: auto;
	overflow: auto;
	background-color: white;
	float: left; color: darkslategray; font-size: 1.75em; text-shadow: 5px 3px lightgray;
}
.img-logo {width:11%;float: left; }
h1 {

	margin: 0px 0px 0px 0px;
	text-align: center;
	font-weight: bold;
}
h2 {
	text-align: center;
}
p {text-align: justify; text-indent: 50px;padding: 0 15px;}
nav {
	position: relative;
	display: flex;
	float: left;
	width: 100%;
	overflow: auto;
	height: auto;
	background-color: black;
	padding: 5px 2px;
	margin: 0px; 
	
}
button {position: relative;
	display: inline-block;
	width:16.66%;
	overflow:auto;
    border: 6px inset lightsteelblue;
	background-color: dimgray;
	margin: 0 2px;
	font-size: 1em;
	font-weight: bold;
	text-align: center;
}
button:active {transform: scale(1.2);background-color: black; color: greenyellow;}
	 
.card {
	background-color: yellow;
	width: 100%;
}
.row:after {
  content: "";
  display: table;
  clear: both;
}
div.box1 {
	position: relative;
	float: left;
	width: 69.8%;
	height: auto;
	padding: 5px 0px 0px 5px;
	color: black;
	background-color: white;}
@media screen and (max-width: 680px) {
	div.box1{ width: 100% }
}
	.container {position: relative;
		display: inline-block;margin: 5px 0 0 0;}
	.textimg {
		position: absolute;
		top: 1px;
		left: 20px;
		font-weight: bold;
	}
	.pestimg {
		position: relative;
		float: left;
		margin: 10px 25px 5px 5px;
		padding: 4px;
		background-color: #73ad21;
        border-radius: 50px 50px 0px;
		border: 2px solid yellow;
	}
	.clearfix::after {
		content: "";
		clear: both;
		display: table;
		overflow: auto;
		text-align: left;
	}
  div.gallery {
  	position: relative;
  display: inline-block;
  margin: 3px;
  border: 2px solid lightgray;
  float: left;
  width: 24%;
  height: auto;
  }
 @media screen and (max-width: 680px) {
	div.gallery { width: 100% }
}
  div.gallery:hover {
  border: 2px solid black; 
}
  div.gallery img {
  width: 100%;
  height: 150px;
}

  div.desc {
  padding: 0px;
  text-align: center;
  color: black;
  background-color: white;
}
  
aside {
	position: relative;
	float: left;
	width: 30%;
	height: auto;
	padding: 5px 0px 0px 15px;
	color: black;
	background-color: white;
}
@media screen and (max-width: 680px) {
	aside { width: 100% }
}
.li-aside {width: 100%;}	
a:link {color: blue;}
  a:visited {color: maroon;}
  a:hover {color: green; }
  a:active {color: gray;}
  a{text-decoration:none;}
  li:hover{transform: scale(1.25)}

input[type=text], select, textarea {
	width: 100%;
	padding: 10px;
	font-size: 16px;
	border: 2px solid green;
	border-radius: 4px;
	resize: vertical;
}
input[type=email] {
	width: 100%;
	padding: 10px;
	font-size: 16px;
	border: 2px solid green;
	border-radius: 4px;
	resize: vertical;
}
input[type=tel] {
	width: 100%;
	padding: 10px;
	font-size: 16px;
	border: 2px solid green;
	border-radius: 4px;
	resize: vertical;
}
label {
	padding: 12px 2px 12px 0px;
	display: inline-block;
    background-color: dimgray;
    border: 3px inset lightsteelblue;
    font-weight: bold;
    color: gold;
}
input[type=submit] {
	padding: 12px 0px;
	width: 25%;
	margin: 0 10px;
	border: 3px inset lightsteelblue;
	background-color: dimgray;
	color: gold;
	border-radius: 4px;
	cursor: pointer;
	float: left;
}
input[type=reset] {
	padding: 12px 0px;
	width: 25%;
	margin: 0 10px;
	border: 3px inset lightsteelblue;
	background-color: dimgray;
	color: gold;
	border-radius: 4px;
	cursor: pointer;
	float: left;
}
input[type=submit]:hover {
	background-color:green;
}
input[type=reset]:hover {
	background-color:green;
}
.container1 {
	border-radius: 4px;
	background-color: #f2f2f2;
	margin-top: 10%;
	padding: 10px;
}
.col-25 {
	float: left;
	width: 38%;
	margin: 6px;
}
.col-75 {
	float: left;
	width: 75%;
	margin: 6px;
}
.dropdown {
	position: relative;
	display: inline-block;
	color: seagreen;
	background-color: white;
	padding: 0 10px;
	box-shadow: 5px 5px 5px 5px gray;
}
.dropdown-content {
	display: none;
	position: absolute;
	background-color: white;
	color: gold;
	width: 125%;
	padding: 20px;
	z-index: 1;
}
.dropdown:hover .dropdown-content{
	display: block;
}
video { width: 100%; height: auto;float: left;padding: 1px;}
footer {
    position:relative;
    display:block; 
	float: left;
	width: 100%;
	background-color: white;
	height: auto;
	text-align: center;
}
	address{
	position: relative;
	display: inline-block;
	text-align: center;
	width: 33%;
	padding: 0  5%;
	float: left;
	color: darkslategray;
	height: auto;
	font-style: normal;
}
@media screen and (max-width: 680px) {
	address { width: 100%}
.img {text-align: center;}
#main {
	position:relative;
	padding-left: 200px;
	padding-right: 125px;
	overflow: hidden;
	display: flex;
}
#secondary_content {
	position: relative;
	float: left;
	width: 200px;
	background-color: #52f471;
	right: 200px;
	margin-left: -100%;
	margin-bottom: -2000px;
	padding-bottom: 2000px;
	border: 1px solid black;
}
#tertiary_content {
	position: relative;
	float: left;
	width: 125px;
	background-color: #f452d5;
	margin-right: -125px;
	margin-bottom: -2000px;
	padding-bottom: 2000px;
}
#main_content {
	position: relative;
	float: left;
	background-color: #ffffff;
	width: 100%;
	margin-bottom: -2000px;
	padding-bottom: 2000px;
}

#secondary_content ul {
	list-style: none;
	margin: 12px 0px 0px 12px;
	padding: 0px;
}
#secondary_content li a:link, #secondary_content li a:visited {
font-size: 12pt;
font-weight: bold;
padding: 3px 0px 3px 3px;
color: #000000;
text-decoration: none;
display: block;
}
#secondary_content li a:hover, #secondary_content li a:active {
	font-size: 12pt;
	font-weight: bold;
	padding: 3px 0px 3px 3px;
	color: #ffffff;
	text-decoration: none;
	display: block;
}