@font-face {
    font-family: 'Handel Gothic';
    src: url('../fonts/HandelGothic.eot');
    src: url('../fonts/HandelGothic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/HandelGothic.woff2') format('woff2'),
        url('../fonts/HandelGothic.woff') format('woff'),
        url('../fonts/HandelGothic.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

html, body{
  height: 100%;
}

h1, h2, h3{
  font-family: 'Handel Gothic';
}

h2{
  font-size: 1.5rem;
}

.btn-black{
  background-color: #08090a;
  color: #fff;
  border-radius: 0px;
}

.btn-black:hover,
.btn-black:active,
.btn-black:focus{
  background-color: #979797;
  color: #fff;
  transform: scale(1.1);
}

a.linkcolorblack{
  color: #08090a;
}

a.linkcolorblack:hover,
a.linkcolorblack:active,
a.linkcolorblack:focus{
  color: #979797;
  text-decoration: none;
}


.bg-img{
  background-image: url(../img/fotopand.jpg);
  background-repeat: no-repeat;
  background-position: right;
  background-size: 50% 100%;
  height: 100%
}

.logoheight{
  height: 180px;
}


@media (max-width:1199px)  {
  .bg-img{
    background-image: url();
  }
}

@media(max-width:1700px){
  .bg-img{
    background-size: 60% 100%;
  }
}

@media (max-width:767px){
  .imagepandsmall{
    display: none;
  }
}