@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: 340px;
	min-height:100%;
	color:#2a0405;
	font-size:18px;
	
  	background:url(../img/bg.jpg) repeat;
}
#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%;
  /* Set the fixed height of the footer here */
	height: 340px;
	color:#9bece2;
	font-size:14px;
  	background-color:#38a799;
	padding:40px 0;
	font-family: 'Lato', sans-serif;
}
.footer-address{text-align:center !important; padding-top:10px; border-top:1px solid #e3d6ad; margin-top:10px;}
.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;}
.kapitan-header {font-family: 'EB Garamond', serif; font-size:48px; color:#ef3b7b; line-height:42px;}
.lato {font-family: 'Lato', sans-serif;}
.kapitan-header-text {font-family: 'Lato', sans-serif; font-size:18px; padding:35px 0;}
.kapitan-header-pic {padding:0 15px;  margin:0 0 50px 0;}
.kapitan-header-pic-text {background:#eee4de; font-family: 'Lato', sans-serif; font-size:16px; padding:15px; text-align:left; min-height:150px; border-bottom:4px solid #3f63ab;}
.kapitan-link {background-color:#3f63ab; padding:10px; color:#fff; font-size:14px;}
.kapitan-link:hover {background-color:#38a799; text-decoration:none; color:#fff; cursor:pointer;}
.footer-link{color:#9bece2; text-decoration:underline;}
.room-text {padding:50px;}
.btn-book {background-color:#ffec72; color:#000; border-bottom:2px solid #000; padding:15px 25px;}
.btn-book:hover {background-color:#ef3b7b; color:#fff; text-decoration:none; cursor:pointer;}
.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: 'EB Garamond', serif; font-size:32px; color:#ef3b7b; line-height:42px;}
.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;}
}