/*###### Reset #######*/

* {
	margin:0;
	padding:0;
}

a {
	text-decoration: none;
} 

html { 
  background: url(../img/BG.gif) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}


a:active,
a:hover {
  outline: 0;
}

h1, h2, h3, h4 {
	font-size: 1em;
}

/*####### Intro #######*/


body {
	font-family: 'Work Sans', sans-serif;
}

.container {
	width: 90%;
	margin: 0 auto;
}

.intro {
	height: 100vh;
	background: url(../img/bg.png) no-repeat center center;
	background-size: cover;
}

.main-header {
	margin-top: 0%;
	position: absolute;
	width: 100%;
	text-align:center;	
}

.menu {
	text-align: right;
}

.menu a {
	color: #fff;
	font-family: 'Montserrat', sans-serif;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 2px;
	padding-top: 50px;
	margin-left: 10px;
	display: inline-block;
}


.intro-text {
	color: #fff;
	text-align: center;

	position: relative;
	top: 50%;
	transform: translateY(-50%);
}

.intro-text h3 {
	font-family: 'Montserrat', sans-serif;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-size: 1.5em;
	letter-spacing: 4px;
}

.intro-text h2 {
	font-family: 'Oswald', sans-serif;
	text-transform: uppercase;
	font-size: 12em;
	letter-spacing: 5px;
}

.view-more-btn {
	background: #fb5e02;
	color: #fff;
	font-weight: 600;
	text-transform: uppercase;
	font-size: 1.5em;
	letter-spacing: 2px;
	padding: 30px;
	border-radius: 4px;
	display: inline-block;
	transition: all 0.3s ease;
}

.view-more-btn:hover {
	background: #f99533;
	padding: 30px 80px;
}


.beers {
	padding: 50px 0px;
	text-align: center;
}

.beers h2 {
	text-transform: uppercase;
	font-size: 1.5em;
	font-family: 'Montserrat', sans-serif;
	letter-spacing: 2px;
	margin: 10px 0px;
}

.beers p {
	font-weight: 300;
	font-size: 1.5em;
	color: rgba(0,0,0,0.8);
}

.beer {
	overflow: hidden;
	position: relative;
}

/*.beer img {
	width: 100%;
}*/

.beer h3,.beer h4 {
	font-size: 1.5em;
	font-family: 'Montserrat', sans-serif;
	letter-spacing: 2px;
	text-transform: uppercase;
}

.beer h4 {
	color: rgba(0,0,0,0.5);
}

.beer .view-more {
	background: rgba(0,0,0,1);
	color: #fff;
	font-size: 1.5em;
	font-family: 'Montserrat', sans-serif;
	letter-spacing: 2px;
	text-transform: uppercase;
	border-radius: 50%;
	padding: 85px 40px;
	display: inline-block;
	
	-webkit-transform: translateX(60%);
	top: 30%;

	position: absolute;
	z-index: 1;
	transition: all 0.3s ease;
	opacity: 0;
}

.beer:hover > .view-more {
	opacity: 1;
}