* {
    box-sizing: border-box;
}

/* Reset */
div, span, article, aside, footer, header, hgroup, nav, section,
h1, h2, h3, h4, h5, h6, p, blockquote, a, ol, ul, li, 
table, tr, th, td, tbody, tfoot, thead {
	vertical-align: baseline;
	background: transparent;
	}

img.map, map area{
    outline: none; border:0;
}

.section-img		{ width:3vw; height:3vw; }

.read-more		{ padding:.4vw 1.6vw; border:1px #666 solid; border-radius:2px }


h1, h2, h3, h4, h5, h6, p, li, blockquote, td, th, a, caption, em, strong, strike { text-decoration:none;}

ol, ul {  }


/* Global */




/* End Reset */
_______________________________________________________________________________________________________________________________

@import url(https://fonts.googleapis.com/css?family=Open+Sans);

/* Headings */
h1, h2, h3, h4, h5, h6 { }

h1 {
	font-family: "Source Sans Pro Black", sans-serif;
	font-size: 2.0vw;
	font-style: normal;
	margin-left:0vw;
	color: #6699b0;
	font-weight: 700;
	text-align: left;
	text-decoration: none;
	line-height: normal;
	margin-bottom: -1.5vw;
}
h1.size {font-size:2.5vw; margin-left:auto; margin-right:auto; color:#ba7975}
h1 a:focus			{outline: none; }
h1 a:link			{ color: #808080;   }
h1 a:visited		{color: #808080;  }
h1 a:active		{ outline: none;}

	
h2 { font-family:  "Source Sans Pro Semibold", "Source Sans Pro",  sans-serif;
	font-size: 1.5vw;
	font-style: normal;
	margin-left:0vw;
	color: #6699b0;
	font-weight: 600;
	text-align: left;
	text-decoration: none;
	line-height: normal;
	margin-bottom: -1.5vw;
}
h2 a:hover     	{ color: #066; }
h2 a:focus			{outline: none;   }
h2 a:link			{ color: #6699b0;  }
h2 a:visited		{color: #6699b0;  }
h2 a:active		{ outline: none;}

h2.margen 		{ 	margin-right:1vw; margin-left:1vw;
}

h2.margen-top 		{
	padding-top:5vw;
}	
h3 {font-family: "Book Antiqua", Palatino, serif; font-style:italic;
	font-size: 1.4vw; line-height:3.2vw;
	color: #97bfbc;
	text-align: left;
	text-decoration: none;}
	
h3.centre {text-align:center;}	

h4 { font-family: 'Crimson Text', serif;
	font-size: 1.0vw; margin-bottom:-.5vw; 
	color: #808080; line-height:.5vw;
	font-weight: 400;
	text-align: left;
	text-decoration: none;padding-right:0vw;
 padding-left:6vw;}
 
h4.margin {margin-right:1vw; margin-left:1vw;}
h5 { font-family: 'Source Sans Pro', sans-serif;
	font-size: .9vw; margin-top:-1.5vw;
	font-style: normal;
	color: #6699b0; 
	line-height:2.2vw;
	text-align: left; 
	text-decoration: none;
	font-weight:400;}
	
h5 a:link			{ color: #97bfbc;  }

h5 a:visited		{color: #97bfbc;  }
h5 a:active		{ outline: none;}

h5 outline-width: {0; }
h5 a:focus			{outline: none;}


h5 a:hover     	{
	color: #066;
}

.h5-ml {
	margin-left: 5.8vw; line-height: 1.3vw;}

h6 { font-family: 'Source Sans Pro', sans-serif;
	font-size: 1.2vw; margin-bottom:0vw; 
	color:#97bfbc; line-height: 1.4vw;
	font-weight: 400; 
	text-align: center; margin-top:-0.5vw;
	text-decoration: none;padding-right:6vw;
 padding-left:7vw;}
 
 h6 a:link			{color:#ba7975;}
h6 a:hover     	{ color: #808080; }

p   {font-family:  'Source Sans Pro', sans-serif;
	font-size:1.4vw; line-height:1.9vw;
	font-style: normal;
	color: #97bfbc;
	text-align: left;
	word-spacing: normal;
	text-decoration: none;
	letter-spacing: normal;
	font-weight: 300;
}
	
p.margen3 		{
	margin-right:0vw;
	margin-left:0vw;
	text-align: left;
}
.bold {font-family: 'Source Sans Pro', sans-serif; font-weight:400; margin-bottom:-10px;}

.bold-red {font-family: 'Lato', sans-serif; font-weight:400; color:#ba7975; font-size:1.0vw; padding-left:10vw; font-style:normal;}

.red {
	color:#e17160;
	
}
.centre2 {text-align:center; margin-right:0; margin-left:0;}	
p.margen 		{ 	margin-right:1vw; margin-left:8vw;
}

p.margen-box2 		{ 	margin-right:4vw; margin-left:6vw;
}
p.margen-left 		{ margin-right:0vw; margin-left:0vw;}
.margen {
	margin-right:1vw;
	margin-left:5vw;
}

p a:link			{ color:#e17160; font-weight: 600;   }

p a:visited		{ color:#e17160 }
p a:active		{ outline: none;}

p outline-width: {0; }
p a:focus			{outline: none;}


p a:hover     	{ color: #97bfbc; }

map > area,
map > area:active,
map > area:focus {outline: none; border:0; }


/* Navigation */

.dl-menuwrapper button {display:none; visibility:hidden;}
#dl-menu { box-sizing: border-box;
	background-color: rgba(0,153,153,0.0); 
	position: absolute; 
	top: 2.5%; left: 54.5%;
	padding-top: 0px; padding-bottom:0; padding-right:0; padding-left:0;
	width: 44vw; z-index:100;
}

#dl-menu::after { content:''; display: block; clear: both; }

#dl-menu ul { list-style: none; margin: 0; padding: 0px;  }

#dl-menu ul li:hover { background-color: #FFF); color:#FFF;  }
#dl-menu ul li:hover > ul { display: block; }

#dl-menu ul li a { font-family: Lato, "Lato Black", "Lato Hairline", "Lato Light", "Lato Medium", "Lato Semibold", sans-serif; font-weight:400; font-size:0.80vw; 	word-spacing:0em;
	display: inline-block;
	color: #6699b0;
	padding: .5vw 1vw;
	text-decoration: none;
	width: 100%;
	position: relative; }


#dl-menu ul li a:visited { color: #6699b0;  border: 2px solid;
    }

#dl-menu ul li a:hover { background-color:rgba(153,196,194,1.0); border-bottom: thin #FFF solid; color: #FFF; }

#dl-menu ul ul { position: absolute; top: 100%; background-color: rgba(153,196,194,0.6); display: none; z-index: 200;  }



#dl-menu ul ul li a { color:#FFF; }
#dl-menu ul ul ul { left: 100%; top: 0px; width: 100%; z-index: 999; }




/* top-level */

#dl-menu > ul { padding-left:3%; }
#dl-menu > ul > li { float: left; }
#dl-menu > ul > li > a { width: auto; padding: .5vw 1vw .8vw 1vw; }


#dl-menu a[aria-haspopup="true"]::after {
	content: '';
	display: block; width: 0px; height: 0px;
	position: absolute;
	top: 16px; right: 15px;
	border-top: 4px solid transparent;
	border-bottom: 4px solid transparent;
	border-left: 4px solid #fff;
}

#dl-menu > ul > li > a[aria-haspopup="true"]::after {
	border-left: 4px solid transparent;
	border-right: 4px solid transparent;
	border-top: 4px solid #fff;
	left: 20px; right: auto;
	bottom: 6px; top: auto;
}





		/* End Site Navigation */

/* Divs */

html, body { height:100%; position:0px; border:0px; margin:0px; }
#wrapper { height: auto; width:100%;}
#gallery-box-home { width:45%; height:auto; margin-left:45%; margin-right:auto; margin-top:0px; z-index: 6; font-family:Lato, "Lato Black", "Lato Hairline", "Lato Light", "Lato Medium", "Lato Semibold"; }	
#gallery-box-home a 			{ color:#009de0;}
#gallery-box-home a:hover     	{ color:#009de0; font-weight:600; }
#gallery-box-home a:focus		{outline: none;   }
#gallery-box-home a:link		{ color: color:#009de0; }
#gallery-box-home a:visited		{color: #6699b0;  }
#gallery-box-home a:active		{ outline: color:#009de0;}

#box-full-home {
	width:100%;
	height:1150px;
	float:left;
	background-image: url(../images/Home%20full%20background%20top%20wider2.jpg);
	background-attachment: scroll;
	background-size:100%;
	background-repeat: no-repeat;
	background-position: center top; z-index: -1;}

#box-full-home-org {
	width:100%;
	height:1150px;
	float:left;
	 z-index: -1;}	

#boxleft-home {
  width:20%; background-repeat:no-repeat; margin-top:25vw; margin-left:12vw;
  height:auto; float:left; b } 
  
#box-right-home {  width:35%; height:auto; margin-left:65%; margin-top:65%;  }

#box-full {
	width:100%;
	height:2500px;
	background-image: url(../images/Home%20full%20background%20top%20wider1.jpg);
	background-attachment: scroll;
	background-size:100%;
	background-repeat: no-repeat;
	background-position: center top; z-index: -1;}
#box-full-blog {
	width:100%;
	height:2500px;
	background-image: url(../images/Home%20full%20background-%20blog.jpg);
	background-attachment: scroll;
	background-size:100%;
	background-repeat: no-repeat;
	background-position: center top;
	z-index: -1;
}
	

#boxleft {  margin-left:8%;
  width:22%; background-repeat:no-repeat; margin-top:28%;
  height:auto; float:left;} 

#boxleft-blog {  margin-left:4%;
  width:22%; background-repeat:no-repeat; margin-top:28%;
  height:100vw; float:left; border-radius: 1.5vw;
    border: .2vw solid #e17160;
    padding: 1.5vw;
  } 

#box-centre {margin-left:0%;
  width:32%; background-repeat:no-repeat;
  height:auto; float:left; margin-top:18%;}
  
  #box-centre-blog {margin-left:2%;
  width:38%; background-repeat:no-repeat;
  height:auto; float:left; margin-top:12.6%;}

  #box-centre-blog2 {margin-left:2%;
  width:60%; background-repeat:no-repeat;
  height:auto; float:left; margin-top:26.5%;}
  
#box-right {
	width:20%;
	background-repeat:no-repeat;
	margin-right:5%;
	margin-left:9%;
	margin-top:23%;
	height:auto;
	float:left;
border-left: .1vw solid #debc40; 	padding-left:2%;
}

#box-right-blog {
	width:26%;
	background-repeat:no-repeat;
	margin-right:5%;
	margin-left:0%;
	margin-top:28%;
	height:auto;
	float:left;
 	padding-left:02%;
}
#right {margin-right:0vw;  margin-left:2vw; padding:0; margin-top:28vw;  margin-bottom:0vw;padding-bottom:0vw;  }


#footer { width:100%; 
  height:auto;
		 }
		
		

form ol { list-style-type:none; }

form 	{ text-align:left; margin:0vw; width:100%;	}

label 	{box-sizing: border-box;
	float: left;
	width: 10.5vw;
	margin-top:.4vw; 
	text-align:left; margin-left:.5vw;
	display:block;
	background:none;
	font-weight:normal;
	font-family: Arial, Helvetica, sans-serif;
	font-size: .8vw;
	color:#921d2e;}
	
button { font-size:.7vw; background-color: #E0E6E9; font-family: Arial, Helvetica, sans-serif;}	
	
submit	{ background:none;  	}

input 	{
		width: 20vw; margin:0 0 .4vw .5vw;
		border:.1vw #bbb solid; padding:.3vw; background:none; 
		}
		
input:focus, textarea:focus	{ background-color: #F0F0F0 }

textarea {
		width: 20vw; height: 10vw; margin:0 0 1vw .5vw;
		border:.1vw #bbb solid; padding:.3vw; background:none; 
		}

select { margin-bottom:3vw; }
	
.month { margin-left:5vw;	}

.submit {
		width:90vw; height:2vw;
		margin-left:16vw;
		font-size:.6vw;
		}
	
@media screen and (max-width: 1024px) {#right {margin-right:0vw;  margin-left:4vw; padding:0; margin-top:8vw;  margin-bottom:0vw;padding-bottom:0vw;}}


@media screen and (max-width: 1000px) {#right {margin-right:0vw;  margin-left:4vw; padding:0; margin-top:9vw;  margin-bottom:0vw;padding-bottom:0vw;}}



@media screen and (max-width: 825px) {#right {margin-right:0vw;  margin-left:5vw; padding:0; margin-top:16vw;  margin-bottom:0vw;padding-bottom:0vw;}}


@media screen and (max-width: 760px) {#right {margin-right:0vw;  margin-left:6vw; padding:0; margin-top:18vw;  margin-bottom:0vw;padding-bottom:0vw;  }}

@media screen and (max-width: 625px) {#right {margin-right:0vw;  margin-left:7vw; padding:0; margin-top:20vw;  margin-bottom:0vw;padding-bottom:0vw; }}

@media screen and (max-width: 425px) {#right {margin-right:0vw;  margin-left:9vw; padding:0; margin-top:20vw;  margin-bottom:0vw;padding-bottom:0vw;}
#dl-menu { box-sizing: border-box;
	background-color: rgba(0,153,153,0.0); 
	position: absolute; 
	top: 0.5%; left: 54.5%;
	padding-top: 0px; padding-bottom:0; padding-right:0; padding-left:0;
	width: 44vw; z-index:100;
}}


@media screen and (max-width: 384px) {#right {margin-right:0vw;  margin-left:11vw; padding:0; margin-top:-4vw;  margin-bottom:0vw;padding-bottom:0vw;}
#dl-menu { box-sizing: border-box;
	background-color: rgba(0,153,153,0.0); 
	position: absolute; 
	top: 0.5%; left: 54.5%;
	padding-top: 0px; padding-bottom:0; padding-right:0; padding-left:0;
	width: 44vw; z-index:100;
}


}

/*body {
	// basic styles
}

@media all and (max-width: 600px) {
	body {
		// extra styles for mobile
	}
}

@media all and (min-width: 600px) {
	body {
		// extra styles for desktop
	}
}



/*@media (max-width: 699px) and (min-width: 520px) {
  @viewport {
    width: 640px;
  }
}

@viewport {
    width: device-width;
    zoom: .5;
  }
  
 @viewport {
    width: 980px;
    min-zoom: 0.25;
    max-zoom: 5;
    orientation: landscape;
}
\This example sets the viewport to at least 320px, but otherwise match window width if it is wider than 320px. Note that it is enough to set the width as the height will be resolved from the width when auto.

@viewport {
    width: 320px auto;
}

<meta name="viewport" content="initial-scale=1.0">

translates into:

@viewport {
    zoom: 1.0;
    width: extend-to-zoom;
}

@viewport {
    zoom: 2.0;
    width: auto;
    height: extend-to-zoom 100%;
}
@-ms-viewport{
    width: device-width
}
 
  */