body {
      color:#221811;
     font-family:Verdana,Arial,sans-serif;
      background-image: url();
	  }

*{box-sizing: border-box;}



h1{ 
   padding-top:45px;
   padding-left:220px;
   font-size:3em;
   text-align:center;
   }
nav { font-weight:bold;
     text-align:center;
     font-size:1.5em;
     padding-top:10px;
	 float:left;
	 width:200px;}
	 
footer { background-color:#D2B48C;
       font-size: small;
       text-align:center;
       font-style: italic;
       padding-bottom: 10px;
       border-top:2px solid #221811;}
#wrapper {min-width:900px;
          max-width:1280px;
          width:80%;
          background-color: #231814;
          box-shadow:3px 3px 3px #666666;
          margin-left:auto;
          margin-right:auto;
		  }	 
		  
header {background-image: url();
        background-repeat:no-repeat;
        height:150px;
        background-color:#7C0A02;}
		
nav a {text-decoration:none;}
nav a: link{color:#FEF6C2;}
nav a: visited{color:#D2B48C;}
nav a: hover{color:#CC9933;}
nav ul {list-style-type:none;
      padding-left:0;
}
	
	.floatleft{
           float: left;
            padding-right:20px;
            padding-bottom:20px;
}
h4 {background-color:#D2B48C;
    font-size:1.2em;
    padding-left:10px;
    padding-bottom:0px;
	text-transform:uppercase;
	border-bottom:2px;
	clear:left;}
	
	header, nav, main, footer {display: block;}
	
main { padding-left:0;
      padding-right:0;
	  padding-top:0;
	  margin-left:200px;
      padding-bottom:2em;
      background-color: #FEF6C2;}
	  
	 main h2,main h3,main h4,main p,main div,main ul,main dl{
		 padding-right:2em;
	 padding-left:3em;}
	 
.details {padding-left: 20%;
           padding-right: 20%;
		   overflow: auto;}
		   
img { padding-right:10px;
     padding-left:10px;}
	 
h2  {padding-top:30px;
      text-align: center;}	 
	 
main #fireplace{padding-top:70px; padding-right: 30px; padding-bottom:0px;}

#logo {padding-bottom:0px; padding-top:10px;}

h3  {align:center;}

#mpics { margin-left: 70px; margin-right: 40px; margin-top: 30px; padding-right: 0px; padding-left:0px;}

@media only screen and (max-width: 1024px){


body {background-image:none;}
     
	  
#wrapper {min-width:0;
          width:auto;
		  margin:0;
		  padding:0;
         box-shadow: none;}
		 
header {border-bottom: 5px solid #FEF6C2;}
        

h1{ margin-top:0;
    margin-bottom:1em;
    padding-top:1em;
    padding-bottom:1em;
    font-size:2.5em;}
	
nav  {float: none;
      width: auto;
      padding-top:0;
      margin:10px;
     font-size:1.3em;}	  
	 
nav li  {display: inline-block;}

nav a {padding:1em;
       width:8em;
       font-weight:bold;
       border-style: none;}	   
	   
nav ul {padding:0;
         margin:0;}	 

main {padding:0;
      margin:0;
	  font-size:90%;}
}

@media only screen and (max-width: 768px) {

header { background-image:none;}
        
		 
h1 {font-size:2em;
    text-align:center;
padding-left:0;}

nav {margin:0;}

nav a {display: block;
       padding:0.2em;
	   width:auto;
       border-bottom: 1px solid #FEF6C2;}
	   
nav li {display:block;}

main {padding-top: 1px;}

h2 {padding-top:0.5em;
    padding-right:0;
	padding-bottom:0;
	padding-left: 0.5em;
    margin-right:0.5em;}
	
.details {padding-left:0;
          padding-right:0;}	
		  
                                

.floatleft {padding-left:0.5em;
             padding-right:0.5em;}	

#mobile {display:inline;}
#desktop{display:none;}

}