/* Begin */
@font-face
{
  font-family: Haettenschweiler;
  src: url(font/Haettenschweiler.ttf);
}
@font-face
{
  font-family: Centurygothic;
  src: url(font/Centurygothic.ttf); 
}  
@font-face
{
  font-family: Gothicbold;
  src: url(font/Gothicbold.ttf);  
}
@font-face
{
  font-family: Centurygothibold;
  src: url(font/Centurygothicbold.ttf);  
}

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

/* header */	

.bar
{
background-color: #537b38;
color: #ffffff;
padding:5px;
}
#width-max
{
	width:100%!important;
}
a.icon:hover, a.icon:active, a.icon:link {
  color: #ffffff;
  text-decoration: none;
}
.logo
{
	padding-top:0%;
}
.menu
{
	font-family: "Centurygothibold", Tahoma, Times, serif;
	font-size:1.2em;
	padding-top:4.1%;
}
.phone
{
	padding-left:2%;
}
.mail
{
	padding-right:2%;
}
.fb
{
	padding-left:10%;
}
.menu a:link {
  color: #537b38;
  background-color: transparent;
  text-decoration: none;
}

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

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

.menu a:active {
  color: #000000;
  background-color: transparent;
  text-decoration: underline;
}
.mobile
{
	display:none;
}
.desktop
{
	display:block;
}
.button
{
	padding-top:2.2%;
}
.
a.btn-custom
{
color: #ffffff;
}
.btn-custom:link
{
color: #ffffff;	
background-color:#ef3d23;
text-decoration: none;
}
.btn-custom:hover, .btn-custom:focus, .btn-custom:active, .btn-custom:active {
  color:#ffffff;
  background-color:#ef3d23;
  text-decoration: none;
}
.mainheading
{
font-family: "Haettenschweiler", Tahoma, Times, serif;
font-size:2.5rem;	
}
.subheading
{
font-family: "Haettenschweiler", Tahoma, Times, serif;	
color:#537b38;
font-size:2rem;
}
.bgarticle
{
	background-color: #ffffff;
	border-radius:15px;
	border: 3px dotted #537b38;
	margin:2%;
}

/* footer */

.bgfooter
{
background-color: #537b38;
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:0%;
}
.button
{
	padding-top:2.8%;
}
.menu
{
	padding-top:5.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 */