body {
	  font-family: 'Roboto', sans-serif;
	  font-size: 16px;
	  }
	
	#map-canvas {
  	width: 100%; 
  	height: 300px;
	margin-top: 5%;
	padding: 15px;
} 



#cycler{position:relative;}
#cycler img{position:absolute;z-index:1}
#cycler img.active{z-index:3}

#cycler img {
	width: 100%;
	}




.brown{
	background-color: #c39a6b;
}

.yellow{
	background-color: #fed007;
}

.green{
	background-color: #4db448;
}

.brownh1{
	color: #4374b9;
	}
.greenh1{
	color: #ed2857;
	}
.yellowh1{
	color: #fcd800;
	}	
.blue{
	color: #03b3f9;
}

.lightgrey{
	color: #808284;
}


.xavailable{
	font-size: 12px;
	font-weight: 400;	
}




.aboutdesign1{
	background-color: #bbbdc0;		
}

.abouthomepage{
	background-color: #e6e7e8;	
	padding: 6% 0;	
}

	

.cover{	
 background-color: #03b3f9;	
padding-bottom: 20%;
padding-top: 10%;
}
.covertext{
font-size: 38px;
color: #4d4d4d;
}
	  
	  .container {
	width: 75%;
	}

.navbar-default .navbar-nav > li > a {
	color: white;
	padding-top: 40px;
  
} 	
		
.navbar-default {
   background-color: #03b3f9;
   font-size: 18px;
   text-transform: uppercase; 
   height: 100px;
   
}
  

  
.homebackground{
	background-color: #ffd000;
	}  
  
  
  .centertext{
	text-align:center;
}
  
  
.banner img {
	width: 100%;
	
	}
  
  
 .beers {
	padding-top:5%; 

	 }
	 
.paddingtext {
	padding: 0 2% 0 2%;
	
	}
	
	
	.pad{
		padding-bottom: 35%;
		
	}
	
	.padbutton{
		padding-bottom: 5%;
	}
	
	
	.padtop{
		padding-top: 10%;
		}
	
	.margintop{
		margin-top: 28%;
	}
	
	.maincopy{
		padding-left: 10%;
		
	}
	
	#stores img {
		width:70%;
		}
		
	#stores {
		font-size: 14px;
		
		}
		
.padstore {
	padding: 6% 0;
	}
	
.padcontact {
	padding-bottom: 11%;
	}
	 
h1 {
	font-size: 30px;
	font-weight: 900;
	color: white;
	margin: 0;
	padding: 0;
	
	}
	
 
h2 {
	
	font-size: 24px;
	font-weight: 900;
	color: white;
	margin: 0;
	padding: 0;
	
	}
	
 
h3 {
	font-size: 21px;
	font-weight: 900;
	color: #666666;
	margin: 0;
	padding: 0;

	}
	
h4 {
	font-size: 16px;
	font-weight: 900;
	color: #666666;
	margin: 0;
	padding: 0;
	}
	
	

  
.gray {
	background-color: #666666;
	padding: 3% 0;
	color:#c9c9c9 ;
	
	}
	
	
a {
	color: white;
	
	}
	








  @media only screen and (min-width : 992px) {



    }
	
	

@media only screen and (min-width: 768px) {


}

	
	
 @media only screen and (max-width : 200px) {
.navbar-default .navbar-nav > li > a {
	color: white;
	padding-top: 20px;
  
} 

    }