body,h1,h2,h3,h5,h6 {
  font-family: "Raleway", sans-serif
}
h4{
  font-family: "Over the Rainbow";
}
body{
  max-width:1500px !important;
  background-size: cover;
  background-attachment: fixed;
}
#mySidebar{
  z-index:4;
  width:229px;
  margin-left: 0px!important;
  margin-top: 0px;
  background-color:transparent;
}
#mySidebarBg{
  z-index:3;
  width:261px;
  background-image:url('../img/bar3_black_bg.png');
  background-size:cover;margin-left: -21px!important;
  background-color:transparent !important;
}

#menuBg{
  background-image:url('../img/bar_black2.png');
  background-size:contain;background-size: contain;
  height: 114px;
  width: 496px;
  margin-top: -7px !important;
  margin-left: -36px !important;
}
#menuBtnCnt{
  padding-top: 39px!important;
  margin-left:33px;
}

/* Create a Parallax Effect */
.bgimg-1 {
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url('../img/arKiefer.jpg');
    min-height: 400px;
}
@media only screen and (max-device-width: 1024px) {
    .bgimg-1{
        background-attachment: scroll;
    }
}
@media only screen and (max-device-width: 600px){
  #menuBg, #map{display:none;}
  #headerMain{margin-left: 0px !important;}
  #headerUl{margin-left:121px !important;}
  footer, #contact{padding:0px !important;}
  #logo{margin-top:-22px !important;}
}