/* Begin */
@font-face
{
  font-family: Verdena;
  src: url(font/verdena.ttf); 
}  
@font-face
{
  font-family: Verdenabold;
  src: url(font/verdana-bold.ttf);  
}

body
{
font-family: "Verdena", Tahoma, Times, serif;
}

/* header */
.bar
{
background-color: #4b8cca;
color: #ffffff;
padding:5px;
}
#width-max
{
	width:100%!important;
}
a.icon:hover, a.icon:active, a.icon:link {
  color: #ffffff;
  text-decoration: none;
}
.slider
{
font-family: "Verdenabold", Tahoma, Times, serif;	
}
.logo
{
	padding-top:0%;
}
.menu
{
	font-family: "Verdenabold", Tahoma, Times, serif;
	font-size:1.2em;
	padding-top:4.1%;
}
.nav-item li
{
	padding-left:3%;
	padding-right:3%;
}
.phone
{
	padding-left:2%;
}
.mail
{
	padding-right:2%;
}
.fb
{
	padding-left:10%;
}
.menu a:link {
  color: #174121;
  background-color: transparent;
  text-decoration: none;
}

.menu a:visited {
  color: #174121;
  background-color: transparent;
  text-decoration: none;
}

.menu a:hover {
  color: #a8ac39;
  background-color: transparent;
    text-decoration: none;
}

.menu a:active {
  color: #a8ac39;
  background-color: transparent;
  text-decoration: underline;
  text-decoration: none;
}
.btn-custom a:link {
  color: #ffffff;
  background-color: #174121;
}

.btn-custom a:visited {
  color: #ffffff;
  background-color: #174121;
}

.btn-custom a:hover {
  color: #ffffff;
  background-color: #a8ac39;
}

.btn-custom a:active {
  color: #ffffff;
  background-color: #a8ac39;
}
.mobile
{
	display:none;
}
.desktop
{
	display:block;
}
.button
{
	padding-top:2.2%;
}
.heading
{
	font-family: "Verdenabold", Tahoma, Times, serif;
	text-transform: uppercase;
    color:#0D4421;
}
.custom-primary 
{
background-color: #174121;
color: #ffffff;
}
.custom-primary:active
{
background-color: #174121;
color: #ffffff;
}
.custom-primary:visited
{
background-color: #a8ac39;
color: #000000;
}	
.custom-primary :hover 
{
background-color: #a8ac39;
color: #000000;
}

.btn-cookies
{
color: #ffffff!important;	
background-color:#a8ac39!important;
}
.btn-cookies:hover
{
  color:#ffffff!important;
  background-color:#174121!important;
  text-decoration: none;
}
.mainheading
{
font-family: "Verdenabold", Tahoma, Times, serif;
font-size:2.5rem;	
}
.subheading
{
font-family: "Verdenabold", Tahoma, Times, serif;	
color:#4b8cca;
font-size:2rem;
}
.bgarticle
{
	background-color: #ffffff;
	border-radius:15px;
	border: 3px dotted #4b8cca;
	margin:2%;
}
.bgcontent
{
	background-color: #f0f0f0;
}
.greencontent
{
	background-color: #062311;
}
.fontformat
{
	font-size:14px;
	line-height:16px;
	color:#808080;
}

/* footer */

.bgfooter
{
background-color: #174121;
color: #ffffff;
padding-top:1.2em;
padding-bottom:0.6em;	
}
.bgfooter a:link {
  color: #ffffff;
  background-color: transparent;
  text-decoration: none;
}

.bgfooter a:visited {
  color: #ffffff;
  background-color: transparent;
  text-decoration: none;
}

.bgfooter a:hover {
  color: #000000;
  background-color: transparent;
  text-decoration: underline;
}

.bgfooter a:active {
  color: #ffffff;
  background-color: transparent;
  text-decoration: underline;
}

.photo-gallery {
  color:#313437;
  background-color:#fff;
}

.photo-gallery p {
  color:#7d8285;
}

.photo-gallery h2 {
  font-weight:bold;
  margin-bottom:40px;
  padding-top:40px;
  color:inherit;
}
@media (max-width:767px) {
  .photo-gallery h2 {
    margin-bottom:25px;
    padding-top:25px;
    font-size:24px;
  }
}

.photo-gallery .intro {
  font-size:16px;
  max-width:500px;
  margin:0 auto 40px;
}

.photo-gallery .intro p {
  margin-bottom:0;
}

.photo-gallery .photos {
  padding-bottom:20px;
}

.photo-gallery .item {
  padding-bottom:30px;
}
@media all and (min-device-width: 320px) and (max-device-width: 767px) { 
.logo
{
	padding-top:0.5%;
}
.button
{
	padding-top:1.75%;
	margin:1%;
}
.menu
{
	padding-top:2%;
}
.mobile
{
	display:block;
}
.desktop
{
	display:none;
}
}
@media all and (min-device-width: 768px) and (max-device-width: 1023px) { 
.logo
{
	padding-top:0.5%;
}
.button
{
	padding-top:1.75%;
}
.menu
{
	padding-top:3.2%;
}
}
@media all and (min-device-width: 1024px) and (max-device-width: 1365px) { 
.logo
{
	padding-top:0.33%;
}
.button
{
	padding-top:2.5%;
}
.menu
{
	padding-top:5%;
}
}
@media all and (min-device-width: 1366px) and (max-device-width: 1600px) { 
.logo
{
	padding-top:0.0%;
}
.button
{
	padding-top:2.8%;
}
.menu
{
	padding-top:5.2%;
}
}
@media all and (min-device-width: 1601px) and (max-device-width: 1920px) { 
.logo
{
	padding-top:2%;
	padding-bottom:2.5%;
}
.button
{
	padding-top:2.8%;
	padding-bottom:2.5%;
}
.menu
{
	padding-top:5.5%;
	padding-bottom:2.5%;
}
}
@media all and (min-device-width: 1921px) and (max-device-width: 2560px) { 
.logo
{
	padding-top:0%;
}
.button
{
	padding-top:2.1%;
}
.menu
{
	padding-top:4.1%;
}
}
@media all and (min-device-width: 2561px) and (max-device-width: 3840px) { 
.logo
{
	padding-top:0%;
}
.button
{
	padding-top:1.7%;
}
.menu
{
	padding-top:3.3%;
}
}
/* End */