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




/*!
=============== COMMON ELEMENTS ===================
 */
body
{
	background-color: #3c3f4c;
	font-size: 14px;
	color: white;
}


H1, H2, H3, H4, H5,H6
{
	font-family: 'Spinnaker', sans-serif;
	color: white;
	font-weight: normal;
	text-transform: uppercase;
	text-shadow: 1px 1px 1px #000000;
}

H1
{
	font-size: 48px;
	line-height: 52px;
}

H2
{
	font-size: 36px;
	line-height: 40px;
}

H3
{
	font-size: 28px;
	line-height: 32px;
}

H4
{
	font-size: 24px;
	line-height: 28px;
}

H5
{
	font-size: 18px;
	line-height: 22px;
}

H6
{
	font-size: 14px;
	line-height: 18px;
}

a:link, a:hover, a:visited
{
	color: white;
}


.center
{
	text-align: center;
}


/*!
=============== HEADER ===================
 */
 
 .top-header
 {
	background-image: url(../img/bg.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: bottom;
	padding-top: 30px;
	padding-bottom: 30px;
}

.top-header .span4
{
	margin-bottom: 30px;
	-webkit-box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.75);
	-moz-box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.75);
	box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.75);
	display: block;
}

/*!
=============== SECTIONS ===================
 */
 
 .inner-section
 {
	min-height: 500px;/*! HEIGHT  */

}
 
 
  .inner-section .container
 {
	padding-top: 30px;
	padding-bottom: 30px;
}
 
 .green, .pink, .blue, .gray
 {
 	background-repeat: no-repeat;
	background-position: top;
 }

.green
{
	background-color: #add245;
	background-image: url(../img/shadow-green.png);
	color: #334305;
	text-shadow: 1px 1px 1px #e6ff9e;
}

.green H1, .green H2, .green H3, .green H4, .green H5, .green H6
{
	text-shadow: 1px 1px 1px #374900;
}

.green a:link, .green a:hover, .green a:visited
{
	text-shadow: 1px 1px 1px #374900;
}

.ffeed .info
{
	font-size: 16px;
}

.ffeed .row
{
	padding-top: 10px;
}

.green .ffeed .row
{
	border-bottom: 1px solid #97be29;
}



.pink
{
	background-color: #a03583;
	background-image: url(../img/shadow-pink.png);
	color: #4c0739;
	text-shadow: 1px 1px 1px #f7a0df;
}

.pink H1, .pink H2, .pink H3, .pink H4, .pink H5, .pink H6
{
	text-shadow: 1px 1px 1px #550b41;
}

.pink a:link, .pink a:hover, .pink a:visited
{
	text-shadow: 1px 1px 1px #550b41;
}

.gallery .span3
{
	margin-bottom: 30px;
}

.blue
{
	background-color: #314094;
	background-image: url(../img/shadow-blue.png);
	text-shadow: 1px 1px 1px #091557;
	color: #c4cdff;
}

.blue H1, .blue H2, .blue H3, .blue H4, .blue H5, .blue H6
{
	text-shadow: 1px 1px 1px #091557;
}

.blue a:link, .blue a:hover, .blue a:visited
{
	text-shadow: 1px 1px 1px #091557;
}

.gray
{
	background-color: transparent;
	background-image: url(../img/shadow-black.png);
}

.gray textarea, .gray input[type="text"], .gray input[type="email"]
{
	background-color: #7d7f8a;
	color: white;
	text-shadow: 1px 1px 1px #000000;
	border: none;
	width: 100%;
}

.gray button,
html .gray input[type="button"],
.gray input[type="reset"],
.gray input[type="submit"]
{
	background: #bedc63; /* Old browsers */
	background: -moz-linear-gradient(top,  #bedc63 0%, #93c12e 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#bedc63), color-stop(100%,#93c12e)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #bedc63 0%,#93c12e 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #bedc63 0%,#93c12e 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #bedc63 0%,#93c12e 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #bedc63 0%,#93c12e 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bedc63', endColorstr='#93c12e',GradientType=0 ); /* IE6-9 */
	color: #425900;
	text-shadow: 1px 1px 1px #e5ffa5;
	border: none;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding: 10px;
	font-weight: bold;
}

.gray form
{
	font-size: 18px;
}

.googlemap iframe
{
	width: 100%;
	height:250px;
}

.gray p
{
	padding-top: 15px;
	padding-bottom: 15px;
}

.gray a:link, .gray a:hover, .gray a:visited
{
	color: #add245;
}

/*!
=============== RESPONSIVE ===================
 */
 
@media (min-width: 1200px)
{

}
@media (max-width: 767px) 
{

	body {
    padding-right: 0px;
    padding-left: 0px;
  }
  
  .section, .inner-section
  {
  	padding-right: 20px;
   padding-left: 20px;
  }
  
  .top-header .span4
{
	display: none;
}

  .top-header #logo
{
	display: block;
	text-align: center;
	box-shadow: none;
	width:100%;
}

.top-header #logo img
{
	width:100%;
}

  #qrcode	{ display:none;}	



}
@media (min-width: 768px) and (max-width: 979px)
{

H1
{
	font-size: 44px;
	line-height: 48px;
}

H2
{
	font-size: 32px;
	line-height: 36px;
}

H3
{
	font-size: 24px;
	line-height: 28px;
}

H4
{
	font-size: 20px;
	line-height: 24px;
}

H5
{
	font-size: 14px;
	line-height: 18px;
}

H6
{
	font-size: 10px;
	line-height: 14px;
}
}

@media (max-width: 767px) 
{

	body {
    padding-right: 0px;
    padding-left: 0px;
  }
  
  .section
  {
  	padding-right: 20px;
    padding-left: 20px;
  }
  
  .ffpic
  {
	display: none;
}


}


@media (min-width: 670px) and (max-width: 767px)
{

#qrcode	{ display:none;}	

.gallery .span3
{
	width: 270px;
	float: left;
	margin-right: 30px;
}

.pics .span2
{
	float: left;
	margin-right: 30px;
	width: 170px;
	margin-bottom: 30px;
}
}

@media (min-width: 480px) and (max-width: 670px)
{

  #qrcode	{ display:none;}	

.gallery .span3
{
	width: 190px;
	float: left;
	margin-right: 30px;
}

.pics .span2
{
	float: left;
	margin-right: 30px;
	width: 170px;
	margin-bottom: 30px;
}
}


@media (max-width: 480px)
{
.gallery .span3
{
	width: 180px;
	float: left;
	margin-right: 30px;
}

.pics .span2
{
	float: left;
	margin-right: 30px;
	width: 170px;
	margin-bottom: 30px;
}
}