html { 
  background: url(images/map.png) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}


body{margin: 0; padding: 0; font-family: 'Trocchi', serif;}
header{width: 215px; height: 590px;  background-color: #4B351D;float: left;padding-left:-50px;padding-right: 35px; padding-top: 20px; margin-bottom: 70px; margin-left: 50px; margin-top: -20px;}
header p{color: white;font-size: 12pt;text-align: center;padding-left: 30px;}


.shopnow{width: 158px; height:59px;}
.shopnow a:hover {opacity: .4;}

.logo{width: 183px; height: 198px;}
.logo:hover {opacity: .8;}

nav{height: 50px;margin-top: -20px; background-image: url(images/headercolor.png);background-repeat: no-repeat;background-size: cover; text-align: center; border-bottom: 8px solid #4B351D;padding-top: 35px;}

nav a{ color:#4B351D; font-size: 13pt; text-decoration: none; padding-left: 35px; padding-right:35px;box-sizing: border-box;}
 nav a:hover {color:white;}

.container{width: 1024px;margin: auto;clear: both;}
footer{background-color:#4B351D;clear: both; height: 170px;width:100%;position: absolute; bottom: 0;}

.copyright{text-align: center;font-size: 12pt;color:white;padding-top: 130px;}

.original{text-align: center;color:white;}


.column{float:left; width:330px;text-align: center;color:white; font-size: 16px; padding-left: 20px; padding-right: 20px;padding-top:20px;box-sizing: border-box;}

.facebook{background-image: url(images/facebook.png);width: 43px; height:43px;float: left;margin-left: 20px;}
.facebook:hover{opacity: .4;}

.twitter{background-image: url(images/twitter.png); width:45px; height: 45px;float: left;margin-left: 80px;}
.twitter:hover{opacity: .4;}



/*about*/
.about_header{width: 215px; height: 205px;  background-color: #4B351D;float: left;text-align: center;color: white;font-size: 14pt;padding-right: 35px; padding-top: 20px; margin-bottom: 70px; margin-left: 50px; margin-top: -20px;}


.about_left{width:215px; float: left;}
.about_right{width:670px;float: right; margin-top: -120px;font-size: 14pt;padding-right: 50px;}
.about_right h2{color: #4B351D;font-family:painter PERSONAL USE ONLY;font-size: 35pt;margin-top: -60px;}
p{color: #4B351D;}
 a:hover{color:#E7CAA7;}



.container2{width: 1104px; margin: auto;clear: both;}

/*contact*/
.contact_left{width:230px;float: left;}
.contact_left p{font-size: 11pt;margin-top: -6px;margin-left: -30px;margin-bottom: 60px;}

.contact_left h1{color: #4B351D;font-family:painter PERSONAL USE ONLY;font-size: 25pt; margin-top: -5px;margin-left: -40px;margin-bottom: 0px;}
.contact_right{width:700px;float:right; margin-top: -120px;}
h2{color:#4B351D;font-family:painter PERSONAL USE ONLY;font-size: 35pt;}
iframe{padding-bottom: 40px;}
a {text-decoration: none;color:#4B351D;}


/*specials*/
.specials_left{width:230px;float: left;}
.specials_left p{margin-right: -5px;}
.specials_left h1{color: #4B351D;font-family:painter PERSONAL USE ONLY;text-align: center; font-size: 20pt;margin-left: -20px;}
.specials_right{width:700px;float:right;}
.specials_right h2{color: #4B351D;font-family:painter PERSONAL USE ONLY;font-size: 35pt;position: absolute;top: 70px;}
.specials_right h3{color: #4B351D;font-family:painter PERSONAL USE ONLY;font-size: 20pt;text-align: center;position: absolute; top:200px;right:675px;}
.specials_right h4{ color: #4B351D;text-align: center;font-size: 10pt;margin-top: -5px;}
.specials_right p{padding-bottom: 15px;}

/*Coffee*/
.coffee_right{width:700px; float: right; margin-top: -120px;}
.coffee_right h2{color: #4B351D;font-family:painter PERSONAL USE ONLY;font-size: 40pt;margin-left: 145px;}
.coffee_right h3{text-align: center;color: #4B351D;font-family:painter PERSONAL USE ONLY;font-size: 25pt;margin-left: -130px;}
.coffee_right p{text-align: center;font-size: 15pt; padding-bottom: 15px;margin-right:120px;padding-bottom: 30px;margin-bottom: 35px;}
.coffeefooter {position: relative;}