@font-face {
    font-family: 'bebas_neue_regularregular';
    src: url('bebasneue_regular-webfont.eot');
    src: url('bebasneue_regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('bebasneue_regular-webfont.woff2') format('woff2'),
         url('bebasneue_regular-webfont.woff') format('woff'),
         url('bebasneue_regular-webfont.ttf') format('truetype'),
         url('bebasneue_regular-webfont.svg#bebas_neue_regularregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

html {
  position: relative;
  min-height: 100%;
}


body {
	margin-bottom: 240px;
	min-height:100%;
	color:#2a0405;
	font-size:18px;
}
#logo {text-align:center; padding:5px 20px;}
.hazz_header {width:80%; margin:7% 10%;}
.hazz_content {width:90%; margin:5%; position:absolute; background:rgba(34, 24, 17, 0.9); box-shadow: 0px 0px 11px #333; padding:15px;}
.hazz_welcome {width:100%;}
.hazz_menu {list-style:none; margin:0; padding:0;}
.hazz_menu li {padding:10px 10px 0 10px; margin:10px 0;  text-align:center; background:rgba(34, 24, 17, 0.8); box-shadow: 0px 0px 11px #333; }
.hazz_menu li a{font-size:24px; color:#e3d6ad; line-height:18px; font-family: 'doodletypewriterfontmedium'; text-decoration:none; text-align:center;}
.hazz_menu li a span {color:#b78a43; font-size:12px;}
.footer{
	position: absolute;
  bottom: 0;
	left:0;
  width: 100%;
	color:#fff;
	font-size:12px;
  line-height: 20px;
  background-color:#ad966f;
	padding:40px 0;
	font-family: 'Muli', sans-serif;
}
.footer a{color: #fff;}
.footer-address{text-align:center !important; padding-top:10px; border-top:1px solid #e3d6ad; margin-top:10px;}
.footer-link {color: #fff;}
.txt-header {font-size:24px; color:#e3d6ad; line-height:30px; font-family: 'Cinzel Decorative', cursive; text-decoration:none; text-align:center;}
.txt-header span {font-size:16px;}
.roomimg {padding:5px;}
.kapitan-logo {margin:0 auto; text-align:center; margin-top: 5px; height: 130px;}
.kapitan-header {font-family: 'Playfair Display', serif; font-size:40px; color:#ad966f; line-height:45px; margin-top: 40px;}
.lato {font-size: 32px; font-weight: normal; margin-top: 0px !important;}
.kapitan-header-text {font-family: 'Muli', sans-serif; font-size:15px; padding:10px 0; color:#ad966f; line-height: 30px;}
.kapitan-header-pic {padding:0 15px;  margin:0 0 50px 0;}
.kapitan-header-pic-text {background:#eee4de; font-family: 'Muli', sans-serif; font-size:15px; padding:12px; text-align:left; min-height:150px; border-bottom:4px solid #ad966f;}
.kapitan-link {padding:5px; color:#ad966f; font-size:12px; font-weight: bold;}
.kapitan-link:hover {background-color:none; text-decoration:none; color:#ad966f; cursor:pointer;}
.kapitan-room {color:#ad966f; font-size: 15px; }
.footer-link{color:#9bece2; text-decoration:underline;}
.room-text {padding:40px 50px;}
.btn-book {background-color:#ad966f; color:#fff; padding:11px 21px;}
.btn-book:hover {background-color:#654321; color:#fff; text-decoration:none; cursor:pointer;}
.hrbefore{border-top:1px solid #d9d0c1; width: 150px; margin: 25px auto;}
.hrafter{border-bottom:1px solid #d9d0c1; width: 150px; margin: 25px auto;} 
.footer-logo {max-width: 214px; width: 80%;}
.close {
  position: absolute;
  right: 32px;
  top: 32px;
  width: 32px;
  height: 32px;
  opacity: 0.3;
   color:#7b5c08;
   cursor:pointer;
}
.close:hover {
  opacity: 1;
}
.close:before, .close:after {
  position: absolute;
  left: 15px;
  content: ' ';
  height: 43px;
  width: 2px;
  background-color: #7b5c08;
}
.close:before {
  transform: rotate(45deg);
}
.close:after {
  transform: rotate(-45deg);
}
.room-detail {cursor:pointer; text-decoration:none; color:#ef3b7b;}
@media (max-width: 768px) {
body {margin-bottom: 560px;}
.kapitan-header {font-family: 'Playfair Display', serif; font-size:24px; color:#ad966f; line-height:32px;}
.kapitan-header-text {padding:10px 20px;}	
#lismar-bg {background:none; background-color:#ffd744;  width:100%; max-width:900px; height:100%; margin-top:-100px; padding:60px 30px;}
.room-text {padding:25px;}
.footer-logo {text-align:center; max-width:250px; padding:0; display:inline !important;}
.footer {height:560px; padding:10px 0;}
.footer-txt {text-align:center !important; color: #fff;}
}