@font-face {
  font-family: 'Asap';
  font-style: normal;
  font-weight: 400;
  src: local('Asap'), local('Asap-Regular'), url(http://themes.googleusercontent.com/static/fonts/asap/v1/SgBaq0dzhSGNMfqm2JX5ng.woff) format('woff');
}
/*
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 400;
  src: local('Raleway'), url(http://themes.googleusercontent.com/static/fonts/raleway/v6/cIFypx4yrWPDz3zOxk7hIQLUuEpTyoUstqEm5AMlJo4.woff) format('woff');
}
*/
@font-face
{
	font-family: webFont;
	src: url('fonts/alegreya/alegreyaregular.ttf') format("truetype");,
}

#home {
	background: url('../img/home_bg.png') repeat-x;
}

#cafe {
	background-color:#f6ddd7;
}
#production {
	background-color:#ebe6dd;
}
#precious {
	background-color:#e1dce1;
}
#residence {
	background-color:#eaf5ee;
}
#gallery {
	background-color:#e0ecf3;
}
#tea {
	background-color:#fafbe7;
}
.body{
    margin: 3px 0;
    padding: 0;

}
.responsive-image{
    width: 100%;
    background-size: 100% 100%;
}

.img-icon {
        width: 120px;
}

div.menu-header-content, .wrapper {
 	padding-top: 60px;
}
.menu-header, .menu-header-content {
	text-align:center;
}
 div.location-content {
	padding-top:160px;
}
div.menu-header-content > img {
	width:100px;
}
.menu-header-content > ul.nav, .menu-header > ul.nav {
	font: bold 15pt webFont;
	padding: 10px 0px 0px 0px;
}

.menu-header-content > ul.nav > li,
.menu-header > ul.nav > li {
	padding: 5px 0px;
}
.menu-header-content > ul.nav > li > a:hover, .menu-header-content > ul.nav > li > a.active,
.menu-header > ul.nav > li > a:hover, .menu-header > ul.nav > li > a.active {
	background:none;
	color: #d67c21;
}
a {
	color: #ae4229;
}
div.content {
	margin-top:100px;
	font-family: Asap;
}
/*
div.content {
	margin-top:100px;
	font-family: Raleway;
	/*height:200px;
	overflow: scroll;
}*/
div.content p {
	text-align: justify;
}
/*
form {
	font-family: Raleway;
}
*/
form {
	font-family: Asap;
}
div.content.location {
	text-align: left;
}

footer div.content {
	margin-top:0;
	height:auto;
	font-family: webFont;
	font-weight: bold;
}

div.company {
	margin-left:10px;
	/*font-style:italic;*/
	margin-top: 45px;
}

div.gallery {
	margin-top: 100px;
}
img.pointer {
	position: relative;
	z-index: 10;
	right: 70px;
	top: 60px;
}

@media (max-width: 1124px) {
	#panel {
		display:none;
	}
}


.menu {
	font: bold 14px webFont;
    color: #ae4229;
    margin-top: 25px;
}

.menu-last {
    font: bold 12px webFont;
    color: #ae4229;
    margin-bottom: 25px;
}

.footer > h6 {
	font: bold 11px webFont;
    margin-top: 10px;
    line-height: 10px;
}

.icon {
	width: 15px;
}

.navbar-wrapper {
      /* position: absolute; */
      top: 0;
      left: 0;
      right: 0;
      z-index: 10;
      margin-bottom: -20px;
}

@media only screen and (min-width: 526px) {
    div.top-height {
        width:100%;
        height:100px;
        background-color: #F8E3DD;
    }
    div.img-bg {
        margin-top: -90px;
    }
    .m-30 {
        margin-top: -75px;
    }
    .z10 {
        position: relative;
        top: 0;
        z-index: 10;
        margin-top: 20px;
    }
    .right{
        margin: 0 0 0 50%;
        line-height: 30px;
        padding-top: 9px;
    }
}

@media only screen and (max-width: 526px) {
    div.top-height {
        width:100%;
        background-color: #F8E3DD;
        line-height: 30px;
        z-index: 10;
    }
    div.img-bg {
        margin-top: -111px;
    }
    .right{
        margin: 0 0 0 40%;
        line-height: 30px;
    }
}

.nav > li > a:hover, .nav > li > a:focus {
    text-decoration: none;
    background-color: #F8E3DD;
}


/*866 : 433;
637: 318.5;*/
/* Tablet def: 760px */
@media screen and (min-width: 1028px) {
    .body{
    margin: 0;
    background: url('../img/sidehomebg.png') repeat-x;
    background-color: #FAF7D6;
    }

    .listsmall, .listmedium {
        display: none;
    }

}

@media screen and (min-width: 760px) and (max-width: 1028px){
    .body{
    background-color: #F9E4DD;
    }
    .listbig, .listsmall{
        display: none;
    }
}

/* Mobile HD */
@media screen and (max-width: 760px){
    .body{
    background-color: #F9E4DD;
    }
    .listbig, .listmedium{
        display: none;
    }
}

@media (min-width: 979px) {
    .modal {
        width: 800px;
        margin-left: -400px;
    }
}