/* reset? */


body { font-family: 'Slabo 27px', serif;
	word-wrap: break-word;
 }
/*
a {color:green}
a:hover {color:fuchsia;}
a:visited {color: red;}
*/
p {}
h1 {font-family: 'Prociono', serif;}
h2 {}
h3 {}

.wrapper {}

header {}
header h1 {font-size: 1.5rem;/* color: white; */font-weight: 200;letter-spacing: 1px;}
h1 {font-size: 1.3rem;/* color: white; */font-weight: 200;letter-spacing: 1px;}
h2.strapline {font-size: 0.9rem;/* color: white; */font-weight: 100;text-transform: uppercase;}
h3.info {
    font-weight: 200;
    font-size: 0.85rem;
    margin: 5px 0;
    padding: 0;
}
small {font-style:italic;}
header div.masterhead {/* background-color:#222; */margin:0 auto;padding:10px;text-align: center;}

a {color:#2510ca;}
a:visited {color:#923d82}

.burger {
}

.menu-link {
	float: right;
	text-decoration: none;
	}
.main-menu {
    text-align: center;
    padding: 0;
    display: none;
    margin: 0;
}
.main-menu.active {
	display: block;
	position:absolute;
	top:5rem;
	left:0;
	right:0;
	background-color: white;
	border-bottom: 1px solid;
	z-index: 99;
	}
.main-menu li {
    display: block;
    float: left;
    width: 100%;
    background: white;
    padding: 0rem 0rem;
    margin: 0;
    border-top: 1px solid;
}

.main-menu li a {
    text-decoration: none;
    font-size: 1.5rem;
    width: 100%;
    display: block;
    padding: 1rem 0;
}
@media only screen and (min-width:680px) {
	.menu-link {
		display: none!important;
	}
	.main-menu {
		text-align: center;
		padding: 0;
		display: block;
		margin-top: 0.45rem;
	}
	.main-menu.active {
		display: block;
		}
	.main-menu li {
		display: inline-block;
		padding: 0 1rem;
		float: none;
		width:auto;
		background: none;
		border: none;
		/* font-size: 1rem; */
		background-color: #2a3436;
		/* background-color: black; */
		margin: 0 0.3rem;
	}
	.main-menu li a {
    font-size: 1rem;
    padding: 0;
    color: white;
}


}

/* bits */
.divide-line {
border-bottom:1px solid #333;width:100px; margin:1.5rem auto;
}
/* conatct form bits */
#formholder {
width:100%;
text-align:center
display:block
}
#contactformwrap {;
	width:80%;
	 margin:0 auto	
}
#loading {
    text-align: center;
    visibility: hidden;
}
#contact {}
#contact, .contactform ul {
list-style-type: none;
margin-left: 0; padding-left: 0;
margin: 0;
}
.contactform ul li {
    margin-bottom: 1rem;
}
.contactform ul li input {
    width: 100%;
    font-size: 1rem;
}
.contactform ul li textarea {
    width: 100%;
}

/* homepage */
.homeintro {
	width: 90%;
	text-align: left;
	margin: 0.5rem auto;
	/* display: block; */
	/* border: 1px solid green; */
}
.homeintro {}
.homeintro p{}
.homeintro p a {}
.homeintro p img {display: block;margin: 0 auto;padding-bottom: 1rem;width: 189px;}
.col-left, .col-rgt { width: 50%;
    float: left;
    }
    
.col-left {}
.col-rgt {}
    
.col-left p {padding: 1rem;}

/* Images */
img {}
.tableimgcont {
	width: 100%;
	text-align: center;
	margin: 0.5rem auto;
	display: table;
	height: auto;
	max-width: 100%;
}
.video.tableimgcont {}
.video.tableimgcont .twocol {
    display: block;
    float: left;
}
.video.tableimgcont .twocol a img {
    width: 100%;
}
.tableimgcont2 .twocol {
	width:50%;
} 
.tableimgcont.doubleimg {}
figure {}
figcaption {
    font-size: 0.7rem;
    padding-top: 0rem;
}
/* unless overridden inline */
.twocol {
    display: table-cell;
    width: 50%;
    padding: 1rem;
    box-sizing: border-box;
    vertical-align: middle;
}
.twocol figure img {
	width: 100%;
}

.twocol figure {
    display: block;
    float: left;
    margin: 0;
    width: 100%; 
}

.twocol figcaption {
    padding: 0rem 0.5rem 0.5rem 0.5rem;
}

img.tableimg {
    width: 100%;
}


/* images on homepage */

.imagewrap { 
    clear: both; 
    max-width: 1100px;
    margin: 0 auto;
}
.imagerow { 
    float: left;
    width: 100%;
}
.img {
	position: relative;
	}
.img img {
    width: 100%;
}
.imgrow1 {}
.imgrow2 {
    margin-top: 0.9%;
}
.imgrow3 {
    margin-top: 0.9%;
}
.imgrow4 {
    margin-top: 0.9%;
}
.imgrow1 .imgleft {
    float: left;
    width: 60%;     
}
.imgrow1 .imgright {
    float: right;
    width: 38.2%;
}
.imgrow2 .imgleft {
    width: 36.6%;
    float: left;
}
.imgrow2 .imgright {
    float: right;
    width: 61.75%;
}
.imgrow3 .imgleft {
    width: 32.3%;
    float: left;
    margin-right: 1.68%;
}
.imgrow3 .imgmiddle {
    width: 31.6%;
    float: left;
}
.imgrow3 .imgright {
    float: right;
    width: 32.75%;
}

.imgrow4 .imgleft {
    float: left;
    width: 49.5%;
}
.imgrow4 .imgright {
    float: right;
    width: 48.9%;
}
span.h-caption {}

.imgleft span.h-caption {
    position: absolute;
    bottom: 0.4rem;
    left: 0.15rem;
   	background-color: rgba(0, 0, 0, 0.8);
    padding: 0.5rem;
    color: white;
}
.imgright span.h-caption  {
	position: absolute;
    bottom: 0.4rem;
    left: 0.15rem;
   background-color: rgba(0, 0, 0, 0.8);
    padding: 0.5rem;
    color: white;
}
.imgmiddle span.h-caption  {
	position: absolute;
    bottom: 0.4rem;
    left: 0.15rem;
  background-color: rgba(0, 0, 0, 0.8);
    padding: 0.5rem;
    color: white;
}



/* footer */
.footer {
	width:100%;
	clear:both;
	text-align:center;
	margin-top: 3rem;
	float: left;
	margin-bottom: 3rem;
}
.footer ul {	
}
.footer ul li{	
}
.footer ul li a {	
}

.video-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px; height: 0; overflow: hidden;
}

.video-container iframe,
.video-container object,
.video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
/*------------------------------------*\
    RESPONSIVE
\*------------------------------------*/
@media only screen and (min-width:480px) {
	header h1 {}
	header div.masterhead {}
	figure {}
	figcaption {}
	.tableimgcont {}
	.tableimgcont.doubleimg {}
}
@media only screen and (min-width:768px) {
	header h1 {}
	header div.masterhead {} 
	/* homepage */

	.homeintro {
    width: 744px;
	}
	.homeintro p{}
	.homeintro p a {}
	.homeintro p img {float: right;padding-left: 13px;margin-top: 0.2rem;width: 258px;/* padding-bottom: 1rem; */}

	.tableimgcont {
		width: 80%;
		text-align: center;
		margin: 0.5rem auto;
		display: table;
		height: auto;
		max-width: 80%;
	}
	.tableimgcont.doubleimg {
    width: 100%;
}
	figure {}
	figcaption {
    font-size: 1rem;
}
	.twocol {}
	.twocol figure {}
	.twocol figcaption {
		padding: 0.5rem 2rem;
	}
	
	.col-left, .col-rgt {   }
	.col-left {}
	.col-rgt {}
	.col-left p {padding: 1rem;}
	
	
	/* conatct form bits */
	#formholder {  }
	#contactformwrap {float: left;width: 50%;}
	#loading {  }
	#contact {}
	#contact, .contactform ul {  }
	.contactform ul li {  }
	.contactform ul li input { }
	.contactform ul li textarea { }

}

@media only screen and (min-width:1024px) {
	header h1 {}
	header div.masterhead {}
	/* homepage */
	.homeintro {
    	width: 638px;
	}
	.homeintro p {}
	.homeintro p a {}
	.homeintro p img {
   		 width: 199px;
	}
	
	.tableimgcont {width:60%}
	.tableimgcont.videocont {width:70%}
	.tableimgcont.doubleimg {
    width: 90%;
}
	figure {}
	figcaption {}
	.twocol {}
	.twocol figure {}
	.twocol figcaption {}
	
	
	.col-left, .col-rgt {  }
	.col-left {}
	.col-rgt {}
	.col-left p {}
	
	/* conatct form bits */
	#formholder {  }
	#contactformwrap {  }
	#loading {  }
	#contact {}
	#contact, .contactform ul {  }
	.contactform ul li {  }
	.contactform ul li input { }
	.contactform ul li textarea { }

}
@media only screen and (min-width:1140px) {
	header h1 {}
	header div.masterhead {}
		.homeintro {
    margin-bottom: 2rem;
}
	.homeintro p{}
	.homeintro p a {}
	.homeintro p img {}
}
@media only screen and (min-width:1280px) {
	header h1 {}
	header div.masterhead {}
}
@media only screen and (-webkit-min-device-pixel-ratio:1.5),
	   only screen and (min-resolution:144dpi) {

}