html, body {
  position: relative;
  margin: 0;
  padding-bottom: 6rem;
  height: 100%; 
 }

 

 .footer {
	display: block;
	text-align: center; 
	position: static;
	font-size: 80%;
	font-weight: bolder; 
	font-family: Libre Baskerville, serif; 
	letter-spacing: 1px; 
	color: #555555; 
	margin-top: 40px;
	margin-bottom: 20px; 
}

#email {
	text-decoration: none;
	color: #555555; 
}


.title {
	padding-top: 40px;
	padding-bottom: 10px;
	position: static;
	text-align: center;
	font-size: 300%;
	font-family: Playfair Display, serif; 
	letter-spacing: 1.5px; 
	color: #000000;
}


a {
	text-decoration: none;
	color: #000000;
}

a:hover {
	text-decoration: none;
	color: #000000; 
}

#navlist {
	padding-left: 0px;
}

.subtitle {
	padding-top: 10px;
	padding-bottom: 30px;
	position: static;
	text-align: center;
	font-size: 100%;
	font-family: Libre Baskerville, serif; 
	letter-spacing: 2px; 
}

hr {
	display: block;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    border-style: solid;
    border-width: 1px;
    opacity: .1; 
    width: 1000px; 
}

.button {
	position: static;
	text-align: center;
	font-size: 110%;
	font-family: Libre Baskerville, serif; 
	letter-spacing: 2px;
	background: #F7F7F7; 
	display:inline-block;
	cursor:pointer;
	padding:8px 13px;
	float: left;
	margin: 2px; 
}

.button:hover {
	background: #EAEAEA; 
}

.col_header_left {
	position: relative;
	max-width: 1000px; 
	overflow: auto;
	padding: 0px; 
}

.col_header_right {
	position: relative; 
	overflow: auto; 
	padding: 0px; 
	float: right;
}

.page_bottom {
	position: relative;
	overflow: auto;
	padding-top: 50px; 
	float: right;
	font-size: 80%; 
}


nav li {
	display: inline;
	padding-top: 30px;
	padding-bottom: 40px;
	padding: 55px; 
	position: static;
	text-align: center;
	font-size: 75%;
	font-family: Libre Baskerville, serif; 
	letter-spacing: 2px; 
	-webkit-transition: all 0.5s ease;
	-moz-transition:    all 0.5s ease;
 	-o-transition:      all 0.5s ease;
}

nav {
	padding: 10px; 
	text-align: center;
	padding-bottom: 30px; 
}


nav li a {
     color: #939393;
     text-decoration: none;
}

nav li:hover a, nav li.active a  {
    color: #000000;
    text-decoration: none; 
    -webkit-transition: all 0.5s ease;
    -moz-transition:    all 0.5s ease;
 	-o-transition:      all 0.5s ease;
}

li.page-select.active {
	background: #DEDEDE;
}


.banner{
	padding-top: 20px;
	margin-top: 20px; 
	margin-bottom: 20px; 
	padding-bottom: 20px;
	position: static;
	text-align: left;
	font-size: 150%;
	font-family: Libre Baskerville, serif; 
	letter-spacing: 1px; 
}

.banner2 {
	padding-top: 0px;
	margin-top: 20px; 
	margin-bottom: 0px; 
	padding-bottom: 35px;
	position: static;
	text-align: left;
	font-size: 150%;
	font-family: Libre Baskerville, serif; 
	letter-spacing: 1px; 
	color: #343434; 

}

.phrase{
	padding-top: 0px;
	padding-bottom: 0px;
	position: relative;
	text-align: left;
	font-size: 90%;
	font-family: Libre Baskerville, serif; 
	letter-spacing: 1px; 
	line-height: 200%; 
	width: auto;

}

.fogarty {
	margin-top: 70px; 
	display: block; 
	width: 100%; 
	height: 275px;
	margin-bottom: 0px;  

}

.kazanjian {
	display: block; 
	width: 100%; 
	height: 275px;
}



#phrase2 {
	max-width: 500px; 
	float: left;
	margin-bottom: 0px; 
	margin-top: 10px; 
	line-height: 25px; 
}


#phrase3 {
	max-width: 550px; 
	padding-left: 50px; 
	padding-bottom: 50px; 
	padding-top: 40px; 
	margin-top: 0px; 
	line-height: 25px;
}


#col_container {
	margin-left: auto;
	margin-right: auto;  
    max-width: 1020px;
    width: 100%;
    min-height: auto; 
    overflow: auto;  
    padding: 0;
    padding: 0 30px;
}

.gallery-set {
    display: block;
    overflow: hidden;
    max-width: 960px;
    margin: auto;
    text-align: center;
}

.gallery-set.hide {
	display: none;
}

.col_header_left {
	max-width: 1000px; 
}

.col {
	float: left;
	width: 100%; 
	padding: 0px;  
	margin-bottom: 0px; 
	color: #090909;
	max-width: 480px; 
	height: auto; 
}

.col.company {
	margin-top: 90px;  
}

figure.partners2 {
	float: right; 
	width: auto;
	text-align: center;
	margin-bottom: 50px; 
	margin-right: 120px;
	padding-right: 20px; 
	padding-top: 20px;  
	padding-left: 20px; 
}


figure.partners {
	float: left;
	text-align: center;
	width: auto; 
	margin-bottom: 0px; 
	margin-left: 50px;
	margin-right: 130px;
	margin-top: 0px; 
}



figure.gallery {
	text-align: center;
	display: block;
	width: 480px;
}

figure.faq {
	float: left;
	text-align: center;
	display: block;
	width: auto; 
	max-width: 500px; 
	margin-bottom: 30px; 
	margin-left: 100px;
	margin-right: 100px;
	margin-top: 50px; 	
}


.faq:hover .figfade{
  opacity: 1;
  left: 0;
}

.figfade {
	text-align: center;
	font-size: 80%;
	font-family: Libre Baskerville, serif; 
	letter-spacing: 1px; 
	color: #808080; 
	
	opacity: 0;
  	bottom: 0; 
  	left: -30%;
  	-webkit-transition: all 0.3s ease;
 	-moz-transition:    all 0.3s ease;
 	-o-transition:      all 0.3s ease;
}

figcaption.item {
	text-align: center;
	font-size: 80%;
	font-family: Libre Baskerville, serif; 
	letter-spacing: 1px; 
	color: #808080; 
	
}


img.large {
	width: 440px;
	padding: 30px; 
	overflow: auto;
	-webkit-transition: all 0.9s ease;
	-moz-transition:    all 0.9s ease;
 	-o-transition:      all 0.9s ease;
}


img.large:hover {
	width: 440px;
	padding: 10px; 
	-webkit-transition: all 0.5s ease;
	-moz-transition:    all 0.5s ease;
 	-o-transition:      all 0.5s ease;
}

img.large_faq {
	width: 400px; 
}



img.small {
	margin-top: 0px; 
	margin-bottom: 20px; 
	padding-bottom: 0px; 
	opacity: .8; 
	width: 200px;
	-webkit-transition: all 0.9s ease; 	
	-moz-transition:    all 0.9s ease;
 	-o-transition:      all 0.9s ease;
 }

img.small:hover {
	opacity: 1; 
	-webkit-transition: all 0.8s ease;
	-moz-transition:    all 0.8s ease;
 	-o-transition:      all 0.8s ease;
}

.questions {
	padding-right: 20px; 
}

#question {
	position: static;
	text-align: left;
	font-size: 100%;
	font-weight: bolder; 
	font-family: Libre Baskerville, serif; 
	letter-spacing: 1px; 
	color: #000000; 
}

#answer {
	position: static;
	margin-top: 0px;
	margin-bottom: 50px;  
	text-align: left;
	font-size: 90%;
	font-family: Libre Baskerville, serif; 
	letter-spacing: 1px; 
	line-height: 220%; 
	color: #686868; 
}

#answer2 {
	position: static;
	margin-top: 0px;
	margin-bottom: 30px;  
	margin-right: 35px; 
	text-align: left;
	font-size: 85%;
	font-family: Libre Baskerville, serif; 
	letter-spacing: 1px; 
	line-height: 220%; 
	color: #555555; 
}


@media (max-width: 1020px) {
	#navlist li {
	    display: block;
	    padding: 0;
	    margin-bottom: 15px;
	    margin-top: 5px; 
	    font-size: 150%; 
	    overflow: auto;

	}
	.col {
		float: none;
		max-width: 100%;
	}
	.col.company {
		margin-top: 0;
	}
	.col img.large {
		float: none;
		width: 80%;
		margin: auto;
		display: block;
	}
	.col figure {
		float: none;
		width: 100%;
		display: block;
		margin: 0;
	}
	.col figure img.large_faq {
		float: none;
		width: 80%;
		margin: auto;
		display: block;
	}
	.questions {
		padding-right: 0px; 
	}

	img.small {
		opacity: 1;
	}

	img.large {
		width: 440px; 
		padding: 10px; 
	}

	.title {
		font-size: 200%;	
	}

	.subtitle {
		font-size: 70%; 
	}

	.col_header_right {
		width: 100%; 
		margin: 20px
	}

	.page_bottom {
		width: 100%;
		margin: 20px; 
	}

	#archive-sub{
		text-align: center;
	}

	figure.partners2 {
	float: right; 
	width: auto;
	text-align: center;
	margin-bottom: 50px; 
	margin-right: 50px;
	padding-right: 20px; 
	padding-top: 50px;  
	padding-left: 20px; 
	}

}