@font-face {
  font-family: 'Catherine de Beaumont';
  src: url('fonts/Catherine_de_Beaumont.eot'); /* IE9 Compat Modes */
  src: url('fonts/Catherine_de_Beaumont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/Catherine_de_Beaumont.woff') format('woff'), /* Modern Browsers */
       url('fonts/Catherine_de_Beaumont.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('fonts/Catherine_de_Beaumont.svg#084f05118d8a5ff52090887a8617c08a') format('svg'); /* Legacy iOS */
       
  font-style:   normal;
  font-weight:  400;
}

@font-face {
  font-family: 'GaramondBold';
  src: url('fonts/GaramondBold.eot'); /* IE9 Compat Modes */
  src: url('fonts/GaramondBold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/GaramondBold.woff') format('woff'), /* Modern Browsers */
       url('fonts/GaramondBold.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('fonts/GaramondBold.svg#e8b3070423034ffbe686744f48a30c88') format('svg'); /* Legacy iOS */
       
  font-style:   normal;
  font-weight:  700;
}

@font-face {
  font-family: 'Garamond';
  src: url('fonts/Garamond.eot'); /* IE9 Compat Modes */
  src: url('fonts/Garamond.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/Garamond.woff') format('woff'), /* Modern Browsers */
       url('fonts/Garamond.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('fonts/Garamond.svg#96a7872564f8ba8cb1d2975a13bde360') format('svg'); /* Legacy iOS */
       
  font-style:   normal;
  font-weight:  400;
}


@font-face {
  font-family: 'GaramondBooCon';
  src: url('fonts/GaramBooCon.eot'); /* IE9 Compat Modes */
  src: url('fonts/GaramBooCon.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/GaramBooCon.woff') format('woff'), /* Modern Browsers */
       url('fonts/GaramBooCon.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('fonts/GaramBooCon.svg#25eb06a7b4f3fa55e1fe387553309178') format('svg'); /* Legacy iOS */
       
  font-style:   normal;
  font-weight:  400;
}

@font-face {
  font-family: 'GaramondLigCon';
  src: url('fonts/GaramLigCon.eot'); /* IE9 Compat Modes */
  src: url('fonts/GaramLigCon.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/GaramLigCon.woff') format('woff'), /* Modern Browsers */
       url('fonts/GaramLigCon.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('fonts/GaramLigCon.svg#c934081f51405682f9c8ebb8af37696d') format('svg'); /* Legacy iOS */
       
  font-style:   normal;
  font-weight:  200;
}



* {
	box-sizing: border-box;
}


.what {
	background: url(images/gardenBuilding.jpg) no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

.who {
	background: url(images/RoseLandscape.jpg) no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

.photos {
	background: url(images/bgPhotos.jpg) no-repeat fixed center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

.location {
	background: url(images/bgLocation.jpg) no-repeat fixed center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}



body {
	background: url(images/homepic.jpg) no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	font: 13px/22px 'Open Sans', arial, sans-serif;
	font-weight: 300;
	color: rgba(106, 104, 113, 1);
	font: 17px/28px 'GaramondLigCon', arial, sans-serif;
	-webkit-font-smoothing: antialiased;
}

* {
  margin: 0;
  padding: 0;
}


.wrapper	{
    height: 100vh;
}

nav	{
	width: 100%;
	background-color: rgba(0, 50, 24, 1);
	height: 70px;
	position: fixed;
	top: 0;
	display: flex;
	flex-direction: row;
	justify-content: center;
	z-index: 1;
}

.logo	{
	width: 110px;
	height: 50px;
	margin: 6px 0 0 0;
	
}

.logo img	{
	width: auto;
	height: 55px;
}

nav ul 	{
	list-style-type: none;
}


nav ul a	{
	color: #cccccb;
	text-decoration: none;
	display: inline;
	font: 23px/23px 'GaramondLigCon', arial, sans-serif;
	transition: .5s;
}

nav ul a:hover	{
	color: #fff;
	
}

nav ul li	{
	float: left;
	margin: 25px 50px 0 0;
}

footer	{
	position: fixed;
	bottom: 0;
	width: 100%;
	text-align: center;
	/*background-color: rgba(0, 50, 24, .3); */
}

.homeTitle	{
	text-align: center;
	margin: 0 0 50px 0;
}

h1	{
	font: 32px/45px 'GaramondLigCon', times, serif;
	letter-spacing: 1px;
	color: #fff;
	text-transform: uppercase;
	text-shadow: 1px 1px 4px #000;
}

h2	{
	font: 22px/24px 'GaramondBooCon', times, serif;
	letter-spacing: 1px;
	color: rgba(0, 50, 24, 1);
	/* text-transform: uppercase;*/
	margin: 0 0 10px 0;
}


.square {
	width: 45%;
	background: rgba(255, 255, 255, 1);
	padding: 2.5rem;
	margin-left: 8rem;
	margin-top: 10%;
	margin-bottom: 80px;
	text-align: center;
}

.squareWrap {
	width: 60%;
	background: #fff;
	margin: 10% auto 10% auto;
}

.squareCentre {
	width: 48%;
	background: #fff;
	padding: 4rem;
	display: inline-block;
}

.squareCentreLanguage {
	width: 60%;
	background: #fff;
	padding: 2rem;
	margin: 10% auto 2% auto;
}


.HildePic	{
	width: 200px;
	height: 280px;
	float: left;
	background-image: url(images/hilde_Couturier.jpg);
	background-size: cover;
	margin: 6px 20px 0 0;
}

.locationPic	{
	width: 600px;
	height: 600px;
	background: url(images/location.gif) no-repeat center center;
	background-size: cover;
	margin: 15% auto;
}

strong	{
	font-family: "GaramondBooCon", times, serif;
}

hr	{
	border-width: 1px;
	width: 15%;
	align: center;
	margin-left: 45%;
}

.detailTxt	{
	width: 70%;
	background-color: rgba(0, 50, 24, .6);
	margin: 0 auto 5% auto;
	color: #fff;
	font: 16px/24px 'GaramondBooCon', times, serif;
	padding: 20px;
	margin-top: 60px;
}

i {
  border: solid #003218;
  border-width: 0 3px 3px 0;
  display: inline-block;
  padding: 4px;
  margin-right: 10px;
}

.right {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
}


h2 a	{
	color: rgba(0, 50, 24, 1);
	text-decoration: none;
}

h2 a:hover	{
	color: rgba(0, 0, 0, 1);
	text-decoration: underline;
}



a.white:link, a.white:visited, a.white:active {
  color: #fff;
  text-decoration: none;
  }
  
a.white:hover {
  color: #fff;
  text-decoration: underline;
  }
  



a.green:link, a.green:visited, a.green:active {
	text-decoration: none;
	color: rgba(0, 50, 24, .7);
}

a.green:hover {
	text-decoration: underline;
	color: #000;
}




@media (max-width: 1000px) {

	.square {
	width: 60%;
	background: #fff;
	padding: 2.5rem;
	margin-left: 8rem;
	margin-top: 15%;
	text-align: center;
	}
}



@media (max-width: 768px) {
	
	nav 	{
		flex-direction: column;
		justify-content: center;
		display: block;
		padding: 0 0 0 20px;
		height: 205px;
		background-color: rgba(0, 50, 24, .8);
	}
	
	.logo	{
		margin: 6px 0 15px 0;
	}
	
	nav ul li	{
		float: none;
		margin: 5px 0 0 0;
	}
	
	.wrapper {
		width: 100%;
		padding: 0 15px 0 15px;
	}
	
	.square {
		width: 90%;
		background: #fff;
		padding: 1rem;
		text-align: center;
		margin: 260px auto;
	}
	
	.locationPic	{
		width: 90%;
		background-size:contain;
		margin: 110px auto;
	}
	
	.detailTxt	{
		width: 95%;
		margin-top: 30px;
	}
	
	.squareWrap {
		width: 90%;
		background: #fff;
		margin: 250px auto 10% auto;
	}
	
	.squareCentre {
		width: 100%;
		margin: 10px auto 5% auto;
		padding: 1rem;
	}
	
	.squareCentreLanguage {
		width: 95%;
		margin: 45% auto 10% auto;
	}
	
	h1	{
		font: 28px/38px 'GaramondLigCon', times, serif;
	}
	
	.squareCentreLanguage {

		padding: 1.5rem;
		margin: 250px auto 2% auto;
	}
		
	.HildePic	{
		width: 140px;
		height: 210px;
		margin: 6px 20px 0 0;
	}
	
}