/* quicksand-300 - latin */
@font-face {
  font-family: 'Quicksand';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/quicksand-v7-latin-300.eot'); /* IE9 Compat Modes */
  src: local('Quicksand Light'), local('Quicksand-Light'),
       url('../fonts/quicksand-v7-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/quicksand-v7-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/quicksand-v7-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/quicksand-v7-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/quicksand-v7-latin-300.svg#Quicksand') format('svg'); /* Legacy iOS */
}

/* quicksand-regular - latin */
@font-face {
  font-family: 'Quicksand';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/quicksand-v7-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Quicksand Regular'), local('Quicksand-Regular'),
       url('../fonts/quicksand-v7-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/quicksand-v7-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/quicksand-v7-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/quicksand-v7-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/quicksand-v7-latin-regular.svg#Quicksand') format('svg'); /* Legacy iOS */
}

/* quicksand-500 - latin */
@font-face {
  font-family: 'Quicksand';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/quicksand-v7-latin-500.eot'); /* IE9 Compat Modes */
  src: local('Quicksand Medium'), local('Quicksand-Medium'),
       url('../fonts/quicksand-v7-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/quicksand-v7-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/quicksand-v7-latin-500.woff') format('woff'), /* Modern Browsers */
       url('../fonts/quicksand-v7-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/quicksand-v7-latin-500.svg#Quicksand') format('svg'); /* Legacy iOS */
}

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

body {
	font-family:"Quicksand", sans-serif;
	background-color:#fff;
	height:100%;
}

body .h1, body .h2, body .h3, body .h4, body .h5, body .h6, body h1, body h2, body h3, body h4, body h5, body h6 {
    font-family: "Quicksand", Helvetica, Roboto, Arial, sans-serif;
    font-style: normal;
    font-weight: 500 !important;
}


html, .mainsheet {
	height:100%;
}

.grid-padding-x > .cell {
    padding-right: 0;
    padding-left: 0;
}

.leftbg {
	background-image:url(../images/background.jpg);
	background-size:cover;	
	background-color:#0FF;
	position:fixed;
	background-position:0 0;
	width:25%;

	min-height:100%;
	display:block;
}

figure {
	display:none;
}

strong {
color:#a6c60c;	
	font-weight:700;
}

h1 {
	font-size: 1.8rem;
	line-height: 2.5rem;
	padding-top: 5vh;
	color: #bf4119;
	font-weight:300;
	letter-spacing:0.15rem;
	text-transform:uppercase;
}

h2 {
	font-size:2rem;
	color: #bf4119;
	font-weight:300;	
	padding-bottom: 0.5rem;
	padding-top: 2rem;
	letter-spacing:0.12rem;	
}

.welcome {
	font-size:1.6rem;
	margin-top: 3.5rem;			
}

h3 {
	font-size:1.3rem;
	color: #a6c60c;
	font-weight:400;
	padding-bottom: 0.2rem;
	padding-top: 1rem;			
}

.accordion-title {
    position: relative;
    display: block;
    padding: 1.25rem 1rem;
    border: 1px solid #E8E1CA;
        border-bottom-width: 1px;
        border-bottom-style: solid;
        border-bottom-color: #E8E1CA;
    border-bottom: 0;
    font-size: 1.3rem;
	font-weight:bold;
    line-height: 1;
	color: #a6c60c;
}

.accordion-title:hover, .accordion-title:focus {
	color: #bf4119;
    background-color: #E8E1CA;
}

.title-bar {
	background-color:#a6c60c;
	border-bottom-color:#E8E1CA;
	border-bottom-style:solid;
	border-bottom-width:2px;
}

.title-bar-title {
	color: #fff;
}

.menu-icon::after, .menu-icon:hover::after {
    background: #fff none repeat scroll 0 0;
    box-shadow: 0 7px 0 #fff, 0 14px 0 #fff;
}

p, ul {
	font-family:"Quicksand", sans-serif;	
	color: #000;
	margin-bottom:1rem;
	font-weight:300;
	font-size:1.1rem;
}

ul ul {
	margin-bottom:1rem;
}

h1,  h2, h3, h4, p, ul, #main-menu, img {
	padding-left:4.5vw;
	padding-right:0.5vw;
}

ul strong {
	font-weight:600;
}


a {
	color: #a6c60c;
	font-weight:400;	
}

p a, p a:visited {
	color: #7BA303;
}

p a:hover {
	color: #a6c60c;	
    text-decoration:underline;
}

.button a, .button a:visited {
    color: #666;
}

.button a:hover {
    color: #FB9700;
}

#main-menu {
	background-color:#a6c60c;
}

#content {
	background-image:url(../images/bg-content4.svg);
	background-repeat:no-repeat;
	background-position:0 -2vw;
	background-size: 2.5vw;
	background-repeat:repeat-y;
	
	min-height:80vh;


}

.menu, .menu a {
	font-size:1.4rem;
	font-weight:400;
}

.menu > li > a, .menu > li.active {
	color:#fff;
    display: block;
    line-height: 1;
    padding: 0.9rem 1rem 0.9rem 0;
}

.menu > li > a:hover {
	text-decoration:underline;
}

.dropdown.menu a {
    padding: 0.9rem 2rem 0.9rem 0;
}

.menu > li.active {
	font-weight:600;
	font-size:1.5rem;			
}


.menu > li > a:hover {
	color:#fff;	
}

.fltrt {
	float:right;
}

.fltlt {
	float:left;
}

.name { display:none; }

.button {
    background-color: #fff;
    border: 1px solid #eee;
    border-radius: 0px;
    color: #666;
    cursor: pointer;
    display: inline-block;

    line-height: 1;
    margin-left: 0 !important;
	margin-right: 0 !important;
	margin-top:0;
	margin-bottom: 2rem;
	padding:1rem;

    text-align: right;
    transition: background-color 0.25s ease-out 0s, color 0.25s ease-out 0s;
    vertical-align: middle;
}

.button-group .button {
    font-size: 1rem;
}

.button:hover {
	background-color: #fbd184;
	color: #fff;
}

.button.is-checked {
	background-color: #f9b233;
	color: #fff;
}

.button-group {
	text-align:right;
    margin-top: 2rem;
}

.map {
	width:100%;
	height:600px;;
}

.contact {
	position:absolute;
	bottom:0;
	right:0;
	padding:0.9375rem;	
	margin:2rem;
	display:block;
}

.contact p, .contactsmall p {
	color:#000;
	text-align:right;
	margin-bottom:0;
	margin-top:0.9rem;
	margin-right:0rem;
	
}
.contact a, .contactsmall a {

}

.contactsmall {
	padding-top:0rem;
	padding-bottom:2rem;
	display:none;
    background-color: #E8E1CA;
	width:100%;
}

.contactsmall p {
	text-align:left;
}

.topnavigation {
	margin-top:0rem !important;	
	width:100%;
}

.sign {
	margin:0;
	padding:0;
}

.textsmaller {
	font-size:80%;
}

.accordion {
    background: none;
}

.rot {
	color:#c00;
}

@media only screen and (max-width: 30em) {

	.button {
		width:260px;
		text-align:center;
	}
	
	.menu {
		font-size:1.3rem;
		padding-right:1.1rem;
	}

	.menu a, .menu > li.active {
		font-size:1.5rem;
	}		

}

@media only screen and (max-width: 40em) {
	
	#logo {
		position:absolute;
		top:15px;
		right:15px;
		width:60px;
		height:60px;
	}
	
	h1 {
		padding-top:1.5rem;
	}
	
	.contact {
		margin-bottom:0rem;
		display:none;
	}
	
	.contactsmall {
		display:block;
	}
	
	.menu {
		font-size:1.3rem;
		padding-right:1.1rem;
	}

	.menu a, .menu > li.active {
		font-size:1.5rem;
	}	
	
}

@media screen and (min-width: 40em) {
	
	#logo {
		position:absolute;
		top:15px;
		right:15px;
		width:60px;
		height:60px;
	}
	
	h1 {
		font-size: 1.7rem;
		padding-top:10vh;
	}
	.menu {
		font-size:2.1vw;
		padding-right:0.15vw;
	}

	.menu a, .menu > li.active {
		font-size:2.1vw;
	}	

	.menu > li > a, .menu > li.active {
		padding: 0.6rem 1rem 0.6rem 0;
	}
	
	.dropdown.menu a {
		padding: 0.6rem 1rem 0.6rem 0;
	}	
	
	.leftbg {
		width:16.667%;
	}		
}

@media screen and (min-width: 55em) {

	.menu > li > a, .menu > li.active {
		padding: 0.7rem 1.5rem 0.7rem 0;
	}
	
	.dropdown.menu a {
		padding: 0.7rem 1.4rem 0.7rem 0;
	}		
	
	h1 {
		font-size: 2rem;		
	}
}

@media screen and (min-width: 64em) {
	.menu {
		font-size:1.2rem;
		padding-right:1.5rem;
	}
	
	.menu a, .menu > li.active {
		font-size:1.2rem;
	}
	
	#logo {
		position:fixed;
		top:auto;
		bottom:100px;
		right:100px;
		width:200px;
		height:200px;
	}
	
	h1 {
		font-size: 2.3rem;
		line-height: normal;
		padding-top:12vh;		
	}		
	
	.leftbg {
		width:25%;
	}			

}

@media screen and (min-width: 80em) {
	.menu {
		font-size:1.3rem;
		padding-right:2rem;
	}
	
	.menu a, .menu > li.active {
		font-size:1.3rem;
	}
	
	.menu > li > a, .menu > li.active {
		padding: 0.9rem 2rem 0.9rem 0rem;
	}

	.dropdown.menu a {
		padding: 0.9rem 2rem 0.9rem 0rem;
	}		
	
	#logo {
		bottom:125px;
		right:125px;
		width:250px;
		height:250px;
	}

	p, ul {
		font-size:1.1rem;
	}
	
	.menu {
		font-size:1.6rem;
		font-weight:400;
		letter-spacing:0.05rem;
	}
	
	h1 {
		font-size: 2.3rem;
	}		
}

@media screen and (min-width: 100em) {
	#logo {
		bottom:150px;
		right:150px;
		width:300px;
		height:300px;
	}

	p, ul {
		font-size:1.2rem;
	}
	
	.menu {
		font-size:1.7rem;
		font-weight:400;
		letter-spacing:0.05rem;
	}
	
	h1 {
		font-size: 2.8rem;			
	}
	
	.button-group .button {
		font-size:1.3rem;
	}
	
}

@media screen and (min-width: 120em) {

	h1 {
		font-size: 3.2rem;
	}
					
}