/*Font from Hawthorne_type3_color1.css*/
@import url(http://fonts.googleapis.com/css?family=Playfair+Display:400,700,400italic,700italic);
/*Font from Hawthorne_type3_color1.css*/

body {
    background-color: #fff;
    min-height: 100vh;
    font: normal 16px sans-serif;
}

/* Top Nav Alt*/


		#nav{
			list-style:none;
			margin:0;
			padding:0;
			text-align:center;
		}
		#nav li{
			display:inline;
			font-size:16px;
		}
		#nav a{
			display:inline-block;
			padding:0 20px 0 20px;
		}
		#nav a:hover{
			color:#cc6600;
			text-decoration: none;
		}
		a{
			font-family: "Playfair Display", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
			color:#292c33;
			text-decoration:none;
			font-weight: normal;
		}
		a:hover{
			color:#cc6600;
			text-decoration: none;
		}
		
/* Top Nav End*/

.gallery-container h1 {
  font-family: "Playfair Display", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
  font-weight: bold;
  font-style: normal;
  font-size: 3rem;
  margin-top: 3rem;
  letter-spacing: 0;
  text-transform: none;
  line-height: 1.1;
  text-align: center;
}

.gallery-container h1 a, a:visited {
    color:#292c33;
	text-decoration: none;
	
}
.gallery-container h2 {
  font-family: "Playfair Display", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
  font-weight: normal;
  font-style: normal;
  font-size: 1.05rem;
  line-height: 1.3;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  line-height: 1.4;
  text-align: center;
  color: #373b44;
  margin-top: 0.75em;
}

hr.style-one {
    border: 0;
    height: 1px;
    background: #666;
    background-image: linear-gradient(to right, #ddd, #666, #ddd);
}

.gallery-container p.page-description {
    text-align: center;
    margin: 20px auto;
    font-size: 18px;
    color: #85878c;
}

/* Styles for the gallery */

.tz-gallery {
    padding: 20px;
}

.tz-gallery .thumbnail {
    padding: 0;
    margin-bottom: 0;
    border: none;
}

.tz-gallery img {
    border-radius: 2px;
	padding-bottom: 10px;
}

.tz-gallery .caption{
	padding: 10px 0 20px 0;
    text-align: center;
	color: #85878c;
}

.tz-gallery .caption h3 {
	font-family: "Playfair Display", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: bold;
    margin-top: 0;
}

.tz-gallery .caption p {
    font-size: 12px;
    color: #7b7d7d;
    margin: 0;
}

.baguetteBox-button {
    background-color: transparent !important;
}
.about img{
   float:right;
   margin: 0 0 20px 40px;
}

.topimage img{
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;

}

.about li{
list-style: none;
margin: 10px;
padding-right: 60px;
}

.about li:before {
  content: '\2014';
  position: absolute;
  margin-left: -25px;
}

.quote {
font-style:italic;
font-size:14px;
color:#292c33;
}
.orange {
color:#cc6600;
}

/*Footer*/

.social:hover {
     -webkit-transform: scale(1.1);
     -moz-transform: scale(1.1);
     -o-transform: scale(1.1);
 }
 .social {
     -webkit-transform: scale(0.8);
     /* Browser Variations: */
     
     -moz-transform: scale(0.8);
     -o-transform: scale(0.8);
     -webkit-transition-duration: 0.5s;
     -moz-transition-duration: 0.5s;
     -o-transition-duration: 0.5s;
 }

/*
    Multicoloured Hover Variations
*/
 
 #social-fb:hover {
     color: #3B5998;
 }
 #social-tw:hover {
     color: #4099FF;
 }
 #social-gp:hover {
     color: #d34836;
 }
 #social-em:hover {
     color: #f39c12;
 }
 
 
 footer { 
    display: block;
}

footer a{
padding: 10px;
}
footer a:hover{
	color:#cc6600;
	text-decoration: none;
}

/* For tablets: */
@media only screen and (min-width: 600px) {
.about img {
    max-width: 40%;
    height: auto;
}
}
/* For desktop: */
@media only screen and (min-width: 768px) {
.about img {
    max-width: 70%;
    height: auto;
}

}