body { 
       background-color: #3b3408;
       font-family: Verdana, Geneva, Tahoma, sans-serif;
       border-radius: 20px;
}
header {
       text-align: center;
}
header img {
       max-width: 75%;
       height: auto;
}
nav ul {
       font-family: Verdana, Geneva, Tahoma, sans-serif;
       font-size: 16px;
       text-align: center;
       border-radius: 10px;
       padding: 10px;
}
nav ul li{
       background-color: #3b3408;
       padding: 20px;
       border-radius: 10px;
       margin-bottom: 20px;
}
#mobile_wrapper {
       background-image: linear-gradient(to bottom, white, #dbd3a4);
       border-radius: 20px;
}
a:link {
       color: white;
       text-decoration: none;
}
a:visited {
       color: white;
}
a:hover {
       color: #a97402;
       font-size: 16px;
       font-weight: bold;
}
a:active {
       color: rgb(209, 156, 43);
}
h2 {
       font-family: Verdana, Geneva, Tahoma, sans-serif;
       font-size: 24px;
       font-weight: bold;
       text-align: center;
       text-shadow: 2px 2px 5px white;
       margin-top: 0;
       margin-bottom: 0;
       padding-top: 10px;
       padding-bottom: 10px;
}
body p {
       font-family: Verdana, Geneva, Tahoma, sans-serif;
       font-size: 18px;
       font-weight: 400;
       padding-right: 30px;
       padding-left: 30px;
}
ul {
       list-style-type: none;
       font-family: Verdana, Geneva, Tahoma, sans-serif;
       font-size: 18px;
       margin-left: 30px;
}
table {
       background-color: #e0ded4d1;
       border: 4px solid #3b3408;
       margin: auto;
}
table, tr, td {
       background-color: white;
       border: 1px solid black;
       border-collapse: collapse;
       font-family: Verdana, Geneva, Tahoma, sans-serif;
       font-size: 16px;
       padding: 8px;
}
th {
       background-color: #3b3408;
       color: white;
       font-size: 20px;
       text-align: center;
       height: 2em;
}
tr, td {
       border-style: none;
}
td:first-of-type {
       background-color: white;
       font-weight: bold;
       text-align: right;
       padding-left: 30px;
}
#videobox {
       text-align: center;
}
#flex_centerimage {
       display: flex;
	flex-wrap: wrap; 
	flex-direction: row;
	align-items: center;
       justify-content: space-around;
	row-gap: 5px;
	column-gap: 5px;
}
#flex_garret {
       display: flex;
	flex-wrap: wrap; 
	flex-direction: row;
	align-items: center;
       justify-content: space-around;
	row-gap: 5px;
	column-gap: 5px;
}
#flex_garret img {
       width: 350px;
}
#flex_garret p {
       width: 450px;
}
#flex_jessi {
       display: flex;
	flex-wrap: wrap; 
	flex-direction: row;
	align-items: center;
       justify-content: space-around;
	row-gap: 5px;
	column-gap: 5px;
       margin-bottom: 20px;
}
#flex_jessi img {
       width: 350px;
}
#flex_jessi p {
       width: 450px;
}
#product_locations {
       background-image: url(images/product_locations.jpg);
       background-repeat: repeat;
       transform: rotate(-3deg);
       padding: 0;
}
#flex_contact {
       display: flex;
	flex-wrap: wrap; 
	flex-direction: row;
	align-items: center;
       justify-content: space-around;
	row-gap: 5px;
	column-gap: 5px;
       padding: 20px;
}
#flex_content main {
       flex: 4;
}
#flex_content aside {
       flex: 6;
}
#flex_gallery {
       display: flex;
	flex-wrap: wrap; 
	flex-direction: row;
       justify-content: flex-start;
	row-gap: 5px;
	column-gap: 5px;
       padding: 20px;
}
#flex_gallery main {
       flex: 3;
}
#flex_gallery aside {
       flex: 7;
}
#flex_gallery ul {
       padding: 0;
}
#flex_gallery li img {
       box-shadow: 2px 2px 5px black;
}
#flex_gallery li img:hover {
       z-index: 999;
       transform: scale(1.5);
       box-shadow: 2px 2px 5px black;
}
#flex_products {
       display: flex;
	flex-wrap: wrap; 
	flex-direction: row;
	align-items: center;
       justify-content: space-around;
	row-gap: 5px;
	column-gap: 5px;
       padding: 20px;
}
#flex_products li img {
       width: 150px;
}
#wood_cover {
       background-image: url(images/wood_header.jpg);
       background-repeat: no-repeat;
       font-family: Verdana, Geneva, Tahoma, sans-serif;
       color: white;
       font-size: 30px;
       font-weight: bold;
       text-align: center;
       text-shadow: 3px 3px 8px #3b3408;
       width: 300px;
       height: 250px;
       padding-top: 50px;
       margin-left: 20px;
       border-radius: 20px;
}
#stone_cover {
       background-image: url(images/stone_header.jpg);
       background-repeat: no-repeat;
       font-family: Verdana, Geneva, Tahoma, sans-serif;
       color: white;
       font-size: 30px;
       font-weight: bold;
       text-align: center;
       text-shadow: 3px 3px 8px #3b3408;
       width: 300px;
       height: 250px;
       padding-top: 50px;
       margin-left: 20px;
       border-radius: 20px;
}
#onsite_cover {
       background-image: url(images/onsite_header.jpg);
       background-repeat: no-repeat;
       font-family: Verdana, Geneva, Tahoma, sans-serif;
       color: white;
       font-size: 30px;
       font-weight: bold;
       text-align: center;
       text-shadow: 3px 3px 8px #3b3408;
       width: 300px;
       height: 250px;
       padding-top: 50px;
       margin-left: 20px;
       border-radius: 20px;
}
#snowice_cover {
       background-image: url(images/snowice_header.jpg);
       background-repeat: no-repeat;
       font-family: Verdana, Geneva, Tahoma, sans-serif;
       color: white;
       font-size: 30px;
       font-weight: bold;
       text-align: center;
       text-shadow: 3px 3px 8px #3b3408;
       width: 300px;
       height: 250px;
       padding-top: 50px;
       margin-left: 20px;
       border-radius: 20px;
}
footer {
       font-family: Verdana, Geneva, Tahoma, sans-serif;
       color: black;
       padding: 5px;
}
footer a:link {
       background-color: #3b3408;
       border-radius: 10px;
       font-size: 14px;
       padding: 10px;
}
footer a:visited {
       font-size: 14px;
}
footer a:hover {
       font-size: 14px;
}
footer a:active {
       font-size: 14px;
}
#footer_image {
       background-image: url(images/footer_image.jpg);
       background-repeat: no-repeat;
       font-family: Verdana, Geneva, Tahoma, sans-serif;
       font-size: 30px;
       font-weight: bold;
       color: black;
       text-align: center;
       text-shadow: 2px 2px 10px white;
       margin-top: 0;
       margin-bottom: 0;
       padding-top: 10px;
       padding-bottom: 10px;
}
@media (min-width: 900px) {
       body { 
              background-color: #3b3408;
              font-family: Verdana, Geneva, Tahoma, sans-serif;
              width: 900px;
              margin-right: auto;
              margin-left: auto;
              border-radius: 20px;
       }
       header {
              text-align: center;
       }
       header img {
              width: 450px;
              height: 250px;
       }
       nav ul {
              background-color: #3b3408;
              font-family: Verdana, Geneva, Tahoma, sans-serif;
              font-size: 16px;
              text-align: center;
              border-radius: 10px;
              padding: 10px;
       }
       nav ul li{
              display: inline;
              padding: 8px;
       }
       #wrapper {
              width: 900px;
              background-image: linear-gradient(to bottom, white, #dbd3a4);
              margin-right: auto;
              margin-left: auto;
              border-radius: 20px;
              padding: 10px;
       }
}