* {box-sizing: border-box;
}
header, main, nav, footer, figure, figcaption, aside, section, article {display: block;}
body {font-family: Arial, Helvetica, sans-serif;
      background-color: #FFFFFF;
}
#wrapper {width: 80%;
          margin-left: auto;
		  margin-right: auto;
		  background-color: #346BEB;
		  min-width: 900px;
		  max-width: 2050px;
		  box-shadow: 4px 4px 4px #133926;
		  background-image: linear-gradient(to bottom, #FFFFFF, #346BEB);
		  border: 1.5px solid #003300;
}
header {background-color: #346BEB; 
        color: #FFFFFF;
        text-align: center;
		height: 175px;
		padding-top: 30px;
		padding-left: 3em;
}
h1 {margin-bottom: 0;
	margin-top: 0;
    font-family: Georgia, "Times New Roman", serif;
	letter-spacing: 0.25em;
	font-size: 3em;
}
nav {font-weight: bold;
	 font-size: 120%;
	 padding: 1.5em;
	 float: left;
	 width: 160px;
}
nav a {text-decoration: none;
}
nav a:link {color: darkblue;
}
nav a:visited {color: #7A7A52;
}
nav a:hover {color: #FFFFFF;
}
nav ul {list-style-type: none;
        margin: 0;
		padding-left: 0;
		font-size: 1.2em;
}
main {background-color: #FFFFFF;
	  padding: 1px 20px 20px 20px;
	  margin-left: 190px;
      display: block;
}
h2 {color: #00664D;
    font-family: Georgia, "Times New Roman", serif;
	text-shadow: 1px 1px 1px #CCCCCC;
}
h3 {color: #006646;
    font-family: Georgia, "Times New Roman", serif;
}
dt {color: #00664D;
}
.barn {color: #5C7FA3;
       font-weight: bold;
}
main ul {list-style-image: url(marker.gif);
}
#contact {font-size: 90%;
}
footer {font-size: 75%;
        font-style: italic;
        font-family: Georgia, "Times New Roman", serif;
        text-align: center;
		padding: 20px;
		/* margin-left: 190px; */
		background-color: #FFFFFF;
}
#heroHome {background-image: url(OBEA.png);
           height: 300px;
		   margin-left: 190px;
		   background-repeat: no-repeat;
		   background-size: 100% 100%;
}
#heroBoard {background-image: url(fenceline.png);
           height: 300px;
		   margin-left: 190px;
		   background-repeat: no-repeat;
		   background-size: 100% 100%;
}
#heroTraining {background-image: url(BayBella.png);
           height: 300px;
		   margin-left: 190px;
		   background-repeat: no-repeat;
		   background-size: 100% 100%;
}
#mobile {display: none;
}
#desktop {display: inline;
}
#paypal-container-BZZKSVVRYA4SJ {margin-left: auto;
                                                                        margin-right: auto;
}
table {border: 1.5px solid #006600;
       width: 80%;
	   border-spacing: 0;
	   border-collapse: collapse;
}
td, th {padding: 5px;
        border: 1px solid #006600;
}
td {text-align: center;
}
tr:nth-of-type(odd) {background-color: #ECF9EC;
}
label {float: left;
           display: inline-block;
	   text-align: right;
	   width: 200px;
	   padding-right: 2em;
}
input, textarea {display: block;
                 margin-bottom: 20px;
}
input[type="submit"] {margin-left: 135px;
}
@media only screen and (max-width: 64em) {
	body {margin: 0;
	      background-color: #FFFFFF;}
	#wrapper {min-width: 0;
	          width: auto;
			  box-shadow: none;
			  border: none;}
	h1 {letter-spacing: 0.1em;}
	main {margin-left: 0;}
	header {padding-top: 0.5em;
	        padding-bottom: 0.5em;
			padding-left: 0;
		    height: auto;}
	nav {float: none;
	     width: auto;
		 text-align: center;
		 padding: 0.5em;}
	nav li {display: inline;
	        padding: 0.25em 0.75em;}
	#heroHome, #heroBoard, #heroTraining {margin-left: 0;
										  height: 200px;}
	footer {margin-left: 0;}
}
@media only screen and (max-width: 37.5em) {
	main {padding: 0.1em 1em;
		  font-size: 90%;}
	h1 {font-size: 2em;}
	nav {padding: 0;}
	nav li {display: block;
	        margin: 0;
			border: solid 2px #330000;}
	nav a {display: block;}
	#homehero, #yurthero, #trailhero {background-image: none;
									  height: 0;}
	#mobile {display: inline;}
	#desktop {display: none;}
	label {float: none;
	       text-align: left;}
    input[type="submit"] {margin-left: 0;}
}