html,body {
	height:100%;
    //background:center no-repeat fixed url('img/gif.gif');
    background-size: cover;
}

.icon-bar {
	background-color:#fff;
}

.navbar-trans {
	background-color:rgb(167, 101, 48);
    color:#fff;
		height: 75px !important;
}


.navbar-trans li>a{
	background-color: rgb(167, 101, 48);
	line-height: 45px;
	font-size:25px;
	  -o-transition:.5s;
  -ms-transition:.5s;
  -moz-transition:.5s;
  -webkit-transition:.5s;
  /* ...and now for the proper property */
  transition:.5s;
}

.navbar-trans li>a:hover,.navbar-trans li>a:focus,.navbar-trans li.active {
	background-color:rgb(167, 101, 48);;
	color: black;	
line-height: 45px;
}

.navbar-trans a{
    color:#fefefe;
}

.navbar-brand{
	padding: 0px 0px !important;
}

.navbar-trans .form-control:focus {
	border-color: #eee;
	outline: 0;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(100,100,100,0.6);
	box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(100,100,100,0.6);
}

section {
	padding-top:15px;  
	padding-bottom:15px; 
}

.v-center {
    padding-top:10%;
    font-size:70px;
}
  
.well {
	border-color:transparent;
}


.no-dot{
	list-style-type: none;
}

.ui-tooltip {
    max-width: 350px;
  }

a.list-group-item.active,[class*='-info'] {
	background-color: #168ccc;
    color:#fff;
}
  
#sectionHome {
	padding-right: 0px;
	padding-left: 0px;
	padding-top: 60px;
	filter: sepia(1)
}


.backgroundImage { 
  //  position: fixed;
    width: 100%;
    height: auto;
    z-index: -100;
// background: url('//demosthenes.info/assets/images/polina.jpg') no-repeat;
  background-size: cover;
  transition: 1s opacity;
;
}
.stopfade { 
   opacity: .5;
}

#mainHeader {
  z-index: 100;
  position: absolute;
  color: black;
  font-size: 48px;
  font-weight: bold;
left: 50%;
  top: 350px;
}

.vertical-line{
  width: 1px;
  background-color: grey;
  width: 3%;
  height: 100%;
  float: left;
  border: 2px ridge grey;
  border-radius: 2px;
}

.beerContainer{
  width: 500px;
}

.beerDescription{
  width: 66%;
  float: left;
  word-wrap: break-word;
  text-align: justify;
}

.left{
  float: left;
  width: 30%;
}

.fontawesome-text {
    padding-left: 10px;
}

.grid {
  background: white;
  max-width: 1200px;
}

/* clear fix */
.grid:after {
  content: '';
  display: block;
  clear: both;
}

/* ---- .grid-item ---- */

.grid-item {
  float: left;
  //width: 100px;
 // height: 100px;
 // background: #0D8;
 // border: 2px solid #333;
  border-color: hsla(0, 0%, 0%, 0.7);
}

.grid-item--width2 { width: 200px; }
.grid-item--height2 { height: 200px; }

.t_Content_custom {
  color: #333;
  font-size: 10px;
  line-height: 16px;
  padding: 7px 8px;
}
.t_Content_custom a,
.t_Content_custom a:hover {
  color: #5daae2;
  text-decoration: none;
  background-color: white;
  border: 0;
}
.t_Content_custom a:hover {
  color: #57a1d6;
  text-decoration: underline;
}

.t_ContentContainer{
	background-color:white;
	color: black;
	font-weight: bold;
}

#map-outer { 
	height: 440px; 
	padding: 20px; 
	border: 2px solid #CCC; 
	margin-bottom: 20px; 
	background-color:#FFF 
	}
	  
#map-container { 
	height: 400px 
	}
	  


#sectionGrowler {
	background-color: white;
    color: black;
}
  
#animateContainer{
    width:100%;
    height: 350px;
    display:block;
    overflow:hidden;
}

#sectionMenu {
	background-color: white;
    color:black;
}

#sectionLocation {
	background-color: #fff;
    color:#444;
	min-height:100px;
}


#sectionContact {
	background-color: white;
	color:black;
	min-height:100px;
}

footer {
	//background-color:#494949;
    background-color: rgb(167, 101, 48);
    color:#ddd;
    min-height:100px;
    padding-top:20px;
    padding-bottom:40px;
}

footer .nav>li>a {
    padding:3px;
    color: white;
}

footer .nav>li>a:hover {
    background-color:transparent;
	color:#fff;
}

@media all and (max-width: 991px) {
	#map-outer  { height: 650px }

}