.burgandy {
	color: #782b23;
}

.dkblue {
	color: #1e4f67;
}

.green {
	color: #4c6e20;
}


body, html {
    padding:0;
    margin:0;
/*     font-family: 'Vollkorn', serif; */
    font-family: Verdana, Geneva, sans-serif; 
    }
    
p {font-size:17px;color:777;font-weight:400;}

h1, h2, h3, h4, h5, h6 {
/*     font-family: 'Volkorn', serif; */
    font-family: 'Lato', sans-serif;
/*     color: #1e4f67; */
    color: #B69758;
    
}

a:link {
	color: #333;
	color: #B69758;
	text-decoration: underline
} 
a:visited {
	color: #333;
	color: #B69758;
}

a:hover,
a:focus {
	color: #782b23;

	text-decoration: none;
}
a:active {
}


.imgfloat {
    float:right:
    padding: 1em;
}

.imagefloat img {
    float:left;
    padding: 1em;
}

header {

/*
   background-image: url(img/dowels_cropped.jpg);
   background-position:center center;
   background-repeat: no-repeat;
/*    background-position:; */
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
*/
  margin-top:0;padding-top:0;

}

header img {padding-left: 30px;padding-top:30px;}

header, footer {}

.imgleft img {float:left;padding-right:2em;}

.maincontent {background-color: white;}

img {
    max-width:100%;
    height:auto;
}

/* main.site-content img {float:left;padding: 1em;} */

.site {
  display: flex;
  min-height: 100vh;
  flex-direction: column;
}

.site-content {
  flex: 1;
}

nav {
    padding: 1em;
}

nav ul.menu {

}

nav ul.menu li {
    display:inline; padding-left: 0.5em;padding-right:0.5em;
}

nav ul.menu li a {
    
}
ul.menu li {padding-top:1em;}
ul.menu li a.on {
	color:white;
	background:#1e4f67;
	}

.productmenu {

}
.productmenu ul {

}

.productmenu ul li {
    list-style-type: none;
    min-height:40px;



    padding: 1em;
}

.productmenu ul li a {

    text-decoration: none;
    padding:1em;
}

.productmenu ul li a:hover {
    background:#1e4f67;
    color:white;
}

.header-logo {}



.fleft {float:left;}

.contactform {
    padding-left: 10%;
}

/*---------------------------------
	Responsive Grid Media Queries - 1280, 1024, 768, 480
	1280-1024 	- desktop (default grid)
	1024-768 	- tablet landscape
	768-480 	- tablet 
	480-less 	- phone landscape & smaller
-----------------------------------*/
@media all and (min-width: 1024px) and (max-width: 1280px) {
	
	
}

@media all and (min-width: 768px) and (max-width: 1024px) {
	
h2 {font-size: 1.8em;}
	
}


@media all and (min-width: 480px) and (max-width: 768px) {

h1 {
    font-size: 1.8em;
}

h2 {font-size: 1.8em;}
	
}

@media all and (max-width: 480px) {
	
h1 {
    font-size: 1.6em;
}
h2 {font-size: 1.4em;}
	
}