*{
	margin: 0;
	padding:0;
	
}

.wrapper{
	width: 100%;
}

.background{
	background-color: #22222b;
}

.header {
	padding: 0px;
	display: none;
	background-color:#22222b;
	font-family:Cormorant Garamond;
	overflow:hidden;
}

.header table{
	text-decoration:none;
	padding: 10px;
	
} 

.header table a{
	text-decoration:none;
    color: #cca046;
	font-size: inherit;
} 

.header table td a{ 
      font-size:26px;
} 

.header a:hover{ 
color: #FC0;
text-decoration:none;
background-color:#22222b;
	
}
.header h2{
	 padding: 30px 0px 20px 0px;
	font-family:Cormorant Garamond;
	font-size:28px;
	text-align:center;
	line-height:26px;
	color: #cca046;	
} 

.content {
	width: 100%
	


}

.content a{ 
color: #cca046;
text-decoration:none;
	
}

.content h1{
	padding: 20px 0px 10px 0px;
	font-family:Cormorant Garamond;
	font-size:36px;
	text-align:center;
	line-height:40px;
	color: #cca046;
	
	
}
.content h2{
	padding: 20px 10px 10px 10px;
	float: none;
	font-size:30px;
	line-height:35px;
	font-family:Cormorant Garamond;
	color: #cca046;
}

.content h3{
	padding: 20px 10px 10px 0px;
	float: none;
	font-size:28px;
	line-height:35px;
	font-family:Cormorant Garamond;
	color: #cca046;
}
.content h4{
	padding: 20px 10px 10px 10px;
	float: none;
	font-size:28px;
	line-height:35px;
	font-family: 'Merriweather', serif;
	color: #cca046;
}

.content p{
	padding: 30px 30px 20px 20px;
	font-family: 'Merriweather', serif;
	font-size:20px;
	color: #CCC;
	line-height:32px;
	font-weight:400;
	
}

.content ul li{
	padding: 20px 30px 20px;
	font-family: 'Merriweather', serif;
	font-size:18px;
	color: #CCC;
	line-height:24px;

	
	float: none;
	
}


.images {
	width: 100%;
	
	padding: 30px 0px 0px 0px;
}
.imagewrapper {
	float:left;
	width:100%;
	
	
}
.imagewrapper img{
	float:left;
	width: 100%;
	
	padding:0px 0px 0px 0px;
	
	
}

.imagetext {
	padding: 10px 20px;
	text-align: left;
	font-family: Cormorant Garamond;
	font-size:20px;
	color: #CCC;
	line-height:34px;
	font-weight:600;
	
}

.imagetext a{
	text-decoration:none;
	color: #333;
	
}

/* For Sale Gallery */
div.gallery {
  border: 0px solid #ccc;
  line-height: 0;       
    -webkit-column-count: 1;    
    -webkit-column-gap: 0px;    
    -moz-column-count: 1;
    -moz-column-gap: 0px;
     column-count: 1;    
     column-gap: 0px;  
	  
}

div.gallery {
 display:inline-block;    
   margin-right: auto;    
   margin-left: auto;  
	  
}
div.gallery:hover {
  border: 0px solid #777;
}

div.gallery img {
  width: 100%;
  height: auto;
  
  
}

div.desc {
  padding: 15px;
  text-align: center;
}

* {
  box-sizing: border-box;
}

.responsive {
  padding: 0 10px;
  float: left;
  width: 100%;
}

.clearfix:after {
  content: "";
  display: table;
  clear: both;
}
/* For Sale Gallery */

/* For Sale Content */
.forsalecontent {
	width: 100%
	

}

.forsalecontent a{ 
color: #cca046;
text-decoration:none;
	
}


.forsalecontent p{
	padding: 20px 30px 0px 20px;
	font-family: 'Merriweather', serif;
	font-size:18px;
	color: #CCC;
	line-height:20px;
	font-weight:400;
	
}

.forsalecontent  li{
	padding: 10px 30px 5px;
	font-family: 'Merriweather', serif;
	font-size:18px;
	color: #CCC;
	line-height:22px;
	font-weight:400;
	float: none;
	
}


.storeitemwrapper{
	float: left;
	width:100%;
	background-color:#333341;
	margin:10px 0px 0px 0px;

	
}

.storeitemwrapper p{
	padding: 30px 30px 20px 20px;
	font-family: 'Merriweather', serif;
	font-size:20px;
	color: #333341;
	line-height:32px;
	font-weight:400;
	
}

.storeitemwrapper a{ 
color: #cca046;
text-decoration:none;

	
}

.storeitemwrapper a:hover{ 
color: #FC0;
text-decoration:none;
background-color:#333341;

	
}

.storeimagewrapper{
	float: left;
	width:100%;
	

}

.storeimagewrapper img{
	width:80%;

	
}

.storeitemtext {
	font-family: 'Merriweather', serif;	
	color: #CCC;	
	font-weight:400;
	padding: 10px 10px 10px 10px;
	float: none;
	line-height:26px;
	font-size:22px;
	
}

.storeitemtext p{
	text-align:center;
	padding: 10px 10px 10px 10px;
	
}

.contentimagestext {
	font-family: 'Merriweather', serif;
	color: #CCC;
	font-weight:400;
	padding: 10px 10px 10px 0px;
	float: none;
	line-height:26px;
	font-size:22px;
	
}

.contentimagestext p{
	text-align:center;
	
}





/* The dropdown container */
.dropdown {
  float: inherit;
  overflow: hidden;
}

/* Dropdown button */
.dropdown .dropbtn {
  font-size: 26px;
  border: none;
  outline: none;
  color: #cca046;
  padding: 14px 16px;
  background-color: inherit;
  font-family: inherit; /* Important for vertical align on mobile phones */
  margin: 0; /* Important for vertical align on mobile phones */
}

/* Add a red background color to navbar links on hover */
 a:hover, .dropdown:hover .dropbtn {
  background-color: #22222b;
 
  
}

/* Dropdown content (hidden by default) */
.dropdown-content {
  display: none;
  position: absolute;
  background-color: #22222b;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

/* Links inside the dropdown */
.dropdown-content a {
  float: none;
  color: #cca046;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  text-align: left;
  font-weight:bold;
  
}

/* Add a grey background color to dropdown links on hover */
.dropdown-content a:hover {
  background-color: #ddd;
  color: #C70;
}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {
  display: block;
}

.footer{
	padding: 40px;
	background-color:#22222b;
	font-family:Cormorant Garamond;
	float: none;
	vertical-align:bottom; 

}

.footer table{
	color:#FFF;
	padding:40px 0px 0px 0px;
	
}

.footer table h1{
	font-size:24px;	
}

.form table tr td{
	width:;
	float: none;
  color: ;
  padding: 0px 10px 0px 10px;
  text-decoration: none;
  display: block;
  text-align: left;
  font-weight:bold;
}
.form table tr td p{
	width:;
	float: none;
  color: ;
  padding: 10px 10px 10px 0px;
  	
	font-family: 'Merriweather', serif;
	font-size:24px;
	color: #CCC;
	line-height:24px;
	font-weight:400;
}
.frontpagenews a:hover{ 
color: #FC0;
text-decoration:none;
background-color:#333341;

	
}

/* ................................................................................................................................................... */	
@media only screen and (max-width: 700px){
phoneheader {
	display:block;
} 

phoneheader nav h1{
	 padding: 30px 0px 0px 0px;
	font-family:Cormorant Garamond;
	font-size:24px;
	text-align:center;
	line-height:26px;
	color: #cca046;	
} 

phoneheader nav h2{
	 padding: 30px 0px 20px 0px;
	font-family:Cormorant Garamond;
	font-size:28px;
	text-align:center;
	line-height:26px;
	color: #cca046;	
} 

phoneheader nav ul{
	margin: 0 auto;
	display:block;
	width: ;
	padding:30px;	
} 

phoneheader nav ul li{
	display:inline-block;
	float: none;
	list-style:none;
	font-size:24px;
	padding:0 20px;
} 

phoneheader nav ul li a{
	text-decoration:none;
	color: #cca046;

} 

.phoneimages {
	width:100%;
	padding:20px 0px;	
} 

.content {
	margin:10px;
	padding: 30px 0px 0px 0px;

}

.content p{
	line-height:28px;
}

.contentimages{
	float:left
	width:100%;
	padding:10px 10px;
}

.contentimages img{
	width:100%;
	
	
}

.content h2{
	padding: 40px 10px 10px 20px;
	float: none;
	font-size:28px;
	line-height:35px;
	
	color: #cca046;
}
.content h4{
	padding: 40px 10px 10px 20px;
	float: none;
	font-size:28px;
	line-height:35px;
	
	color: #cca046;
}

.form table tr td{
	width:;
	float: none;
  color: ;
  padding: 0px 10px 0px 20px;
  text-decoration: none;
  display: block;
  text-align: left;
  font-weight:bold;
}
.form table tr td p{
	width:;
	float: none;
  color: ;
  padding: 10px 10px 10px 0px;
  	
	font-family: 'Merriweather', serif;
	font-size:24px;
	color: #CCC;
	line-height:24px;
	font-weight:400;
}

.imagewrapper img{
	float:left;
	width:100%;
	padding:0px 0px 0px 0px;
	
	
}


.frontpagenewswrapper {
	float:left;
	width:100%;
	background-color:#333341;
	  padding: 0px ;
	
}

.frontpagenews {
	width: 100%;
	padding: 0px 0px 0px 0px;
}

.frontpagenews p{
	padding:10px 20px 0px 20px;
	font-family: 'Merriweather', serif;
	font-size:18px;
	color: #CCC;
	line-height:22px;

	
}

.frontpagenews ul li{
    
	font-family: 'Merriweather', serif;
	font-size:18px;
	color: #CCC;
	line-height:22px;
	font-weight:300;
}

.frontpagenews ul {
	padding: 0px 0px 0px 0px;
	font-family: 'Merriweather', serif;
	
}
.frontpagenews img {
	padding: 0px 0px 0px 0px;
	width: 100%;
	
}

  .responsive {
    width: 100%;
  }


}
/* ................................................................................................................................................... */	
@media only screen and (min-width: 700px){
	
.header {
	display: block;
	width: 100%;
	padding-bottom: px;
	font-size:20px;
}
.header table a{
	font-size:18px;
	
} 
.header table a h1{
	font-size:30px;
	
} 

.header h1{ 
      padding: 30px 0px 0px 0px;
	font-family:Cormorant Garamond;
	font-size:40px;
	text-align:center;
	line-height:44px;
	color: #cca046;
	
} 

phoneheader nav{
		display:none;
}

.phoneimages {
	display:none;
	
} 
.phonecheckout{
	display:none;
}

	
.wrapper{
	width: 700px;
	margin: 0 auto;
}

.content {
	padding: 20px 0px 0px 0px;

}

.content h1{
	padding: 20px ;
	
	
}
.content h2{
	padding: 30px 10px 10px 10px;
	float: none;
	font-size:30px;
	line-height:35px;
	
	color: #cca046;
}

.content p{
	padding: 20px 10px 10px 10px;

	font-size:22px;
	line-height:30px;
	
}
content ul li{
	float: none;
	font-size:20px;
	
	margin:0px 10px;
}

.images {
	width: 100%;
	padding: 30px 0px 0px 0px;
}
.imagewrapper {
	float:left;
	width:calc(50% - 10px);
	
	margin:0px 5px;
}
.imagewrapper img{
 padding: 10px 10px 10px 10px;
}

.storeitemwrapper{
	float: left;
	width:calc(50% - 10px);
	margin:20px 10px 0px 0px;

}


.storeitemtext {
	line-height:28px;
	font-size:22px;
	
}

.storeitemtext p{
	text-align:center;
	padding: 10px 10px 10px 10px;
	
}


.contentimagewrapper img{
	float:left;
	width:calc(50% - 10px);
	
	margin:0px 5px;
}

.contentimages{
	float:left;
	width:80%;
	
	margin:10px;
	padding:10px ;
	
	
}

.contentimages img{
	width:100%;
	
	
}

.frontpagenewswrapper {
	float:left;
	width:calc(50% - 20px);
	background-color:#333341;
	  padding: 10px ;
	
}

.frontpagenews {
	width: 100%;
	padding: 0px 0px 0px 0px;
	
}
.frontpagenews p{
	padding:20px 0px 0px 10px;
	font-family: 'Merriweather', serif;
	font-size:20px;
	color: #CCC;
	line-height:26px;
	font-weight:400;
	
}

.frontpagenews ul li{
	list-style:none;
    
	font-family: 'Merriweather', serif;
	font-size:18px;
	color: #CCC;
	line-height:24px;
	font-weight:300;
}

.frontpagenews ul {
	padding: 0px 0px 0px 0px;
	font-family: 'Merriweather', serif;
	
}
.frontpagenews img {
	padding: 0px 10px 10px 0px;
	width: 49%;
	
}
.frontpagenews a:hover {
	text-decoration:none;
	 background-color:#333341;
}


/* For Sale Content */

.responsive {
  padding: 0 10px;
  float: left;
  width: 100%;
}

div.gallery {
       
   -moz-column-count:    3;
   -webkit-column-count: 3;
   column-count:         3; 
	  
}
.forsalecontent {
	float:left;
	width:calc(100% - 20px);
	margin:10px 10px;
	padding: 20px 0px 0px 0px;

}

.forsalecontent ul li{
	float: none;
	font-size:22px;
	margin:0px 10px;
}

.forsalecontent h1{
	padding: 30px 0px 10px 0px;	
}

.forsalecontent h2{
	padding: 30px 0px 0px 10px;
	float: none;
	font-size:30px;
	line-height:35px;
	color: #cca046;
}


.forsalecontent p{
	padding: 20px 10px 10px 10px;
	float: none;
	line-height:28px;
	font-size:22px;
}

.forsalecontentimages{
	float:left;
	width:100%;
	margin:10px 10px;
	padding:10px 0px;
}

.forsalecontentimages img{
	width:100%;
	
}

.forsalecontentimagestext {
	width:100%;
}

/* For Sale Content */

				
}
/* ................................................................................................................................................... */	
@media only screen and (min-width: 1000px){
	
	

.wrapper{
	width: 1000px;

}

.header h1{ 
      padding: 30px 0px 0px 0px;
	font-family:Cormorant Garamond;
	font-size:40px;
	text-align:center;
	line-height:44px;
	color: #cca046;
	
} 

.images {
	width: 60%;
	height:60%;
	padding: 20px 0px 0px 0px;	
}

.imagewrapper {
	float:left;
	width:calc(50% - 20px);
	margin:0px 10px;
	padding: 20px 0px 0px 0px;
}
.imagewrapper img{
	width:100%;
}

.contentimagewrapper img{
	float:left;
	width:calc(100% - 20px);
	margin:0px 10px;
}


.content {
	float:left;
	width:calc(50% - 20px);
	margin:10px 10px;
	padding: 20px 0px 0px 00px;

}

.content ul li{
	float: none;
	font-size:22px;
	margin:0px 10px;
}

.content h1{
	padding: 30px 0px 10px 0px;	
}

.content h2{
	padding: 30px 0px 0px 10px;
	float: none;
	font-size:30px;
	line-height:35px;
	color: #cca046;
}


.content p{
	padding: 20px 10px 10px 10px;
	float: none;
	line-height:28px;
	font-size:22px;
}

.contentimages{
	float:left;
	width:100%;
	margin:10px 10px;
	padding:10px 0px;
}

.contentimages img{
	width:100%;
	
}

.contentimagestext {
	width:100%;
}

/* For Sale Content */
.responsive {
  padding: 0 10px;
  float: left;
  width: 100%;
}

div.gallery {
	
   -moz-column-count:    3;
   -webkit-column-count: 3;
   column-count:         3; 
	  
}
.forsalecontent {
	float:left;
	width:100%;
	margin:10px 10px;
	padding: 20px 0px 0px 0px;

}

.forsalecontent li{
	float: none;
	font-size:18px;
	margin:0px 10px;
}


.forsalecontent p{
	padding: 20px 10px 10px 10px;
	float: none;
	line-height:20px;
	font-size: 29px;
}

.forsalecontentimages{
	float:left;
	width:100%;
	margin:10px 10px;
	padding:10px 0px;
}

.forsalecontentimages img{
	width:100%;
	
}

.forsalecontentimagestext {
	width:100%;
}

/* For Sale Content */

.storeitemwrapper{
	float: left;
	width:calc(50% - 10px);
	margin:20px 10px 0px 0px;
}


.storeitemtext {
	line-height:28px;
	font-size:22px;
	
}

.storeitemwrapper p{
	text-align:center;
	padding: 10px 10px 10px 10px;
	float: none;
	line-height:28px;
	font-size:22px;
}


.frontpagenewswrapper {
	float:left;
	width:calc(100% - 10px);
	background-color:#333341;
	  padding: 10px 10px 10px 10px;
	
}


.frontpagenews {
	  width: 100%;
	padding: 0px ;
}

.frontpagenews p{
	
	font-family: 'Merriweather', serif;
	font-size:20px;
	color: #CCC;
	line-height:24px;
	
	
}

.frontpagenews ul li{
    list-style:none;
	font-family: 'Merriweather', serif;
	font-size:18px;
	color: #CCC;
	line-height:22px;
	
}
.frontpagenews li{
    
	font-family: 'Merriweather', serif;
	font-size:18px;
	color: #CCC;
	line-height:22px;
	
}


.frontpagenews ul {
	padding: 0px 0px 0px 0px;
	font-family: 'Merriweather', serif;
	
}

.frontpagenews img {
	padding: 0px 10px 10px 0px;
	width: 49%;
	
}

.frontpagenews a:hover {
	text-decoration:none;
	 background-color:#333341;
}



}