*{margin:0;padding:0}

@font-face {
    font-family: 'courgetteregular';
    src: url('/webfonts/courgette-regular-webfont.woff2') format('woff2'),
         url('/webfonts/courgette-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

html, body{height: 100%;}
body {font-family: Arial, Helvetica, sans-serif;font-size: 100%;background: #f5f5f5;color: #333333;}

/************************************************************************/

#cover{position: relative;overflow:hidden;width:100%;height:100%;background-color: #f5f5f5;}

#nav {position: fixed;z-index: 999;width: 100%;}

#nav p{background: white;  text-align: center; padding: 1.8em 0.6em;font-size: 1.2em;}

#nav ul {text-align: center; width: 100%;padding:0.3em 0;margin:0;background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.6) 25%, rgba(255, 255, 255, 0.6) 75%, rgba(255, 255, 255, 0) 100%);box-shadow: 0 0 25px rgba(0, 0, 0, 0.1), inset 0 0 1px rgba(255, 255, 255, 0.6);}
#nav ul li {display: inline-block;}
#nav ul li a {display: block;padding: 0.7em 1em;font-size: 1.6em;text-decoration: none;font-family: 'courgetteregular', Arial, Helvetica, sans-serif;color: rgba(0, 0, 0, 0.8);text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.7);}
#nav ul li a:hover {box-shadow: 0 0 10px rgba(0, 0, 0, 0.1), inset 0 0 1px rgba(255, 255, 255, 0.6);background: rgba(255, 255, 255, 0.1);color: rgba(0, 0, 0, 0.7);}

#pull {display: none;position: relative;clear: both;text-decoration: none; color: white; text-align: center; padding:0.3em 0.6em; background: rgba(0, 0, 0, 0.6); }

/************************************************************************/

#cbp-bislideshow {position: relative;width: 100%;height: 100%;list-style: none;padding: 0;margin: 0;}
#cbp-bislideshow li {position: absolute;width: 100%;height: 100%;top:0;left:0;bottom:0;right:0;opacity: 0;transition: opacity 1s;background-size: cover;background-position: center;}

#cbp-bicontrols {position: absolute;bottom: 5%;right: 0; left:0; text-align: center;  }
#cbp-bicontrols i{ font-size: 2em; margin:0 0.5em;  color: white; cursor: pointer;opacity: 0.7;}
#cbp-bicontrols i:hover{opacity: 1;}

/************************************************************************/

@media only screen and (max-width : 768px) { 

	img {max-width: 100% !important; height: auto !important;}
	
	#nav p{ padding: 1.2em 0.6em;font-size: 1em;}
	#nav ul li a {padding: 0.9em;font-size: 1.8em;}
	#nav ul li a {padding: 0.6em;font-size: 1.4em;}

}

@media only screen and (max-width : 575px) {
	
	#nav p{ font-size: 0.9em;}
	#nav ul {display: none;background: rgba(0, 0, 0, 0.6);}
	#nav ul li a {color: rgba(255, 255, 255, 0.8);text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.7);}
	#nav ul li a:hover {color: rgba(255, 255, 255, 0.7);}
	
	#pull {display: block;}
	
	#cbp-bicontrols i{ font-size: 1.5em;}
	
}