@charset "UTF-8";
h1 {
    font-size: 2.0em;
    font-family: Cambria;
    /*color: #8da8a5;*/
	color:white;
}
h2{
  	font-size: 1.5em;
	font-family: Cambria;
	/*color: #19313f;*/
	color:black;
}
h3{
	font-size: 1.3em;
	font-family: Cambria;
	color: black;
}
h4{
	font-size: 1.2em;
	font-family: Cambria;
	color: black;
}
header {
	display:block;
	width:100%;
	min-height: 30vh;
    background-color:#19313f;
	overflow:auto;
	float:left;
	position: relative;
	}
body {
	font-family: Arial, Helvetica, sans-serif;
	background-image: url('https://woodbridgemuseum.com/img/background.jpg');
	overflow-x: hidden;
	/*-webkit-user-select:none;
	-moz-user-select:-moz-none;
	-ms-user-select:none;
	user-select:none;*/
	}
.text{
	font-family: Cambria;
	font-size: 1em;
	/*color: #19313f;*/
	color:black;
	margin: auto;
}
.left_article {
	width: 50%;
	float: left;
	padding-bottom: 15px;
}
.container{
	width: 80vw;
	margin: auto;
	overflow:hidden;
}
.right_article {
    width: 30%;
	float:right;
	padding-bottom: 15px;
}
.homelink{
	text-decoration: none;
}
.logo{
	min-height:200px;
	max-height: 30vh;	padding-left: 2vw;
	display:block
}
.centre-article{
	width: 95%;
}
@media only screen and (min-width: 860px){
	.mobile{
		display:none;
	}
}
.desktop{
	margin-left: auto;
	margin-right:auto;
	text-align: center;
}
.body-image-slim-left{
	max-width: "0.774*60vh";
	max-height: 60vh;
	display:block;
	padding-top:1vh;
	padding-bottom: 1vh;
}
.body-image-wide-right{
	max-width: "1.0048*60vh";
	max-height: 60vh;
	display:block;
	padding-top: 1vh;
	padding-bottom:1vh;
	padding-left: 5vw;
}
.content-block{
	background-color: antiquewhite;
	padding: 3%;
}
.main-text{
	display:inline-block;
	width:100%;
	background-color: antiquewhite;
}
.centre_table{
	margin-left: auto;
	margin-right:auto;
}
@media only screen and (max-width: 1500px){
	.body-image-slim-left{
		max-width: "0.774*50vh";
		max-height: 50vh;
		padding-left: 5vw;
	}	
	.body-image-wide-right{
		max-width: "1.0048*50vh";
		max-height: 50vh;
	}
	.container{
		width: 80vw;
	}	
}
@media only screen and (max-width: 1200px){
	.body-image-slim-left{
		max-width: "0.774*50vh";
		max-height: 40vh;
		padding-left: 5vw;
	}	
	.body-image-wide-right{
		max-width: "1.0048*50vh";
		max-height: 40vh;
	}
	.container{
		width: 100%;
		margin: auto
	}	
}
@media only screen and (max-width: 860px){
	.text {
  		width: 100%;
	}
	.left_article{
		width: 95%;
	}
	.right_article{
		width:95%;
		float:left;
	}
	.desktop{
		display:none;
	}
	.mobile{
		margin-left: auto;
		margin-right:auto;
		text-align: center;
	}
	.body-image-slim-left{
		max-height: 50vh;
		max-width:100vw;
	}
	.body-image-wide-right{
		display:none;
	}
}