body {
  background: url(../images/hwf2.png) top center repeat; /*background-color: #f5f5f5; */
}

.headerwp {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0px;
  min-width: 320px;
}

.topbarbg {
  width: 100%;
  display: block;
  min-height: 214px;
  padding-top: 0px;
  background-color:#38220b; /*background: url(../images/topbg.jpg) top center no-repeat; */
  box-shadow: 0 0 20px rgba(0, 0, 0, .3);
}

.wsanimated-arrow {

  background-color: rgba(241,231,214,0.8) !important;
  width: 55px;
  height:40px;
  border-radius: 5px;
  padding-left: 2px;
}

.desktoplogo {
  padding: 4% 4%;
  margin: 0px auto;
  text-align: center;
  font-size: 60px;
  color:#F1E7D6 !important;

}
.desktoplogo a {
  color:#F1E7D6 !important;
  }

.logopix {
  float: left;
}

.bodytext {
  z-index:999999;
  margin-top: 10%;
  text-align: center;
  font-size: 80px;
  color:#F1E7D6 !important;
  background-color: rgba(0,0,0,0.5);
}

.bodytext a {
  color:#F1E7D6 !important;
  }

  .bodytext2 {
    display:none;
    z-index:999999;
    margin-top: 10%;
    text-align: center;
    font-size: 80px;
    color:#F1E7D6 !important;
    background-color: rgba(0,0,0,0.5);

  }  

  .bodytext2 a {
  color:#F1E7D6 !important;
  }

  .bodyfooter  {

      position:fixed;
      display:block;
      z-index:999999;
      text-align: center;
      font-size: 30px;
      color:#F1E7D6 !important;
      background-color: rgba(0,0,0,0.5);
      bottom:0px;
      width:100%;

  }

  .bodyfooter a {
  color:#F1E7D6 !important;
  }



@media only screen and (min-width: 230px) and (max-width:991px) {
  .desktoplogo {
    display: none;
  }

  .topbarbg {
    background: none;
    box-shadow: none;
  }

  .bodytext {
    margin-top: 0%;
    font-size: 50px;

  }

  .bodytext2 {
    display: block;
    margin-top: 0%;
    font-size: 50px;
  }

  .bodyfooter {
    font-size: 20px;
  }

}