/*! CSS reset from benfrain/app-reset */
*,:after,:before{box-sizing:inherit}html{box-sizing:border-box}
*{user-select:none;-webkit-tap-highlight-color:rgba(255,255,255,0);-webkit-tap-highlight-color:transparent}
[contenteditable],input[type]{user-select:text}body,h1,h2,h3,h4,h5,h6,p{margin:0;font-size:1rem;font-weight:400}
a{text-decoration:none;color:inherit}b{font-weight:400}em,i{font-style:normal}a:focus,input:focus{outline:0}
fieldset,input{appearance:none;border:0;padding:0;margin:0;min-width:0;font-size:1rem;font-family:inherit}
input::-ms-clear{display:none}input[type=number]{-moz-appearance:textfield}
input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{appearance:none}
svg{display:inline-flex}img{max-width:100%;display:block}

html {
	background: #000;
    font-family: "Montserrat";
}
a {
  color: #1f4ba0;
  text-decoration: underline;
}
header {
	height:200px;
	text-align:center;
}
header img {
	height:100%;
	margin:auto;
}
.fog-loader {
	text-align:center;
	position: absolute;
    width: 100%;
	z-index: +100;
}
.home {
	width:100%;
	margin:auto;
	max-width:100%;
}
.column {
	width:25%;
	display:inline-block;
	vertical-align:top;
}
.column img {
	width:100%;
}
.post-preview {
	position:relative;
	transform-origin:top;
}
.post-preview:hover h3, .post-preview:hover p {
	transform:none;
	opacity:1;
	z-index:+100;
}
.post-preview:hover img {
	opacity:0.75;
}
.post-preview h3, .post-preview p {
	position: absolute;
    color: #fff;
    left: 10%;
    width: 80%;
    text-align: center;
	transform:rotateY(90deg);
	opacity:0;
	transition:all 500ms ease-out;
	text-transform:uppercase;
}
.post-preview h3 {
	bottom:50%;
	border-bottom:solid 4px #fff;
	padding-bottom:2.5%;
	font-size:20px;
	font-weight:600;
}
.post-preview p {
	top:50%;
	padding-top:2.5%;
	font-size:12px;
	font-weight:400;
}
nav.posts-menu a {
	display:inline-block;
	position:relative;
}
nav.posts-menu a:hover p {
	transform:none;
	opacity:1;
	z-index:+100;
}
nav.posts-menu a:hover img {
	opacity:0.75;
}
nav.posts-menu p {
    position: absolute;
    color: #fff;
    top: 10%;
    left: 10%;
    width: 80%;
    text-align: center;
	transform:rotateY(90deg);
	opacity:0;
	transition:all 500ms ease-out;
	text-transform:uppercase;
	font-size:12px;
}
nav.posts-menu a img {
	width:160px;
	height:160px;
	object-fit:cover;
}
.post-full {
	text-align:center;
}
.post-full h3 {
	color:#fff;
	padding:20px;
}
.post-full .navigateBack {
	padding:20px;
}
.post-full .navigateBack a {
	text-decoration:none;
	color:#fff;
}
.post-full .navigateBack a:hover {
	text-decoration:underline;
	color:#68DBD6;
}
.post-full iframe {
	border: 0;
    box-shadow: 0 0 25px rgba(255, 255, 255, 0.25);
}
footer {
	padding:50px 0;
	background:#fff;
	line-height:28px;
}
footer h2 {
	font-size: 32px;
	font-weight: 500;
}
footer h3 {
	font-weight: 700;
	font-size:18px;
}
footer p {
	font-size:14px;
}
footer table {
	width:100%;
	max-width:1200px;
	margin:auto;
}
footer .title, footer .prices {
	text-align:center;
}
footer .portraits td[data-reactid="154"],
footer .portraits td[data-reactid="156"] {display:none;}
 
footer .portraits a {
	text-decoration:none;
	color:#000;
}
footer .portraits a:hover {
	text-decoration:underline;
	color:#68DBD6;
}
footer .address iframe {
	 border:0;
	 width:100%;
	 min-height:300px
}
footer .prices img {
	margin:auto;
}
@media screen and (max-width: 1200px) {
	footer table {
		width:80%;
		margin:0 10% 20px;
	}
	.post-preview h3 {
		bottom:30%;
		font-size:1rem;
	}
	.post-preview p {
		top:70%;
	}
	.post-full iframe {
		width:90%;
		height:50vw;
		margin:0 5%;
	}

}
@media screen and (max-width: 1024px) {
	.column {
		width:50%;
	}
	.post-preview h3 {
		bottom:50%;
	}
	.post-preview p {
		top:50%;
	}
}
@media screen and (max-width: 768px) {
	.post-preview {
		transform:0!important;
	}
	.portraits td {
		display:inline-block;
		width:50%;
	}
	.address td {
		display:block;
		width:100%;
	}
	.address h3, .address p {
		padding-left:50%;
	}
	.address iframe {
		margin-top:20px;
	}
}
@media screen and (max-width: 480px) {
	.column {
		width:100%;
	}
	.portraits td {
		display:block;
		width:100%;
		text-align:center;
	}
	.portraits img {
		margin:auto;
	}
	.address h3, .address p {
		padding-left:0;
		text-align:center;
	}
}