body {
	height:100%;
	overflow:hidden;
	/*padding-top: 75px;*/
}

#main_wrapper {
	height:100%;
	overflow:auto;
	overflow-x: hidden;
	text-align:center;
}

#navigation_bar-sticky-wrapper {
	/*position: fixed;*/
	/*top: 0;*/
	width: 100%;
	z-index: 10;
}

#navigation_bar {
	transition:0.5s all;
	background-color:white;
}

#navigation_bar #navy > li > a {
	transition:0s color;
}

#navigation_bar.initial {
	/*background-color:#003847;*/
	/*background: linear-gradient(42deg, #003847, #062b35 35%, #003847);*/
	/*border-bottom: 1px solid #003847;*/
	border:none;
	background:transparent;
}
#navigation_bar.initial #navy > li > a {
	color:white;
}
#nav_menu:not(.mobile_menu) #navy > li.current_page_item > a:not(.nav_trigger) > span, #nav_menu:not(.mobile_menu) #navy > li:hover > a:not(.nav_trigger) > span {
	background:transparent;
}
.beer-first-section {
	background-color:#003847;
	background: linear-gradient(42deg, #003847, #062b35 60%, #003847);
}

.beer-gif-section {
	width:100%;
	height: 93%;
	max-height: 800px;
	position: relative;
	top: -75px;
	background-image: url('../images/beergif.gif');
	background-repeat: no-repeat;
	background-size: cover;
	border-radius: 0 0 46% 6%/9%;
	box-shadow: grey 0 -2px 11px 6px;
	display: flex;
	flex-direction: row;
	justify-content: flex-end;
	align-items: center;
}

#virtus-repeat {
	width: 63%;
	transform: translateX(-200px) translateY(-200px);
	position: absolute;
	opacity: 0.5;
	z-index:0
}

.beer-first-section .first-section-content {
	transition:1s all;
	opacity:0;
	z-index: 32;
	width: 40%;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	align-items: flex-end;
	text-align: center;
	/* background-color: #af9494b8; */
	margin: 16px;
	border-radius: 16px;
}
.use_case_row, .use_case_row a {
	text-align: center;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	width: 100%;
	display: flex;
	color:black;
}
.use_case_row .use_case {
	width:100%;
}
.use-case-press {
	width:50%;
	max-width:50%;
}
.use_case_row .use_case {
	cursor:pointer;
}
.black_img img{
	transition:0.5s all;
	-webkit-filter: grayscale(1);
	filter: grayscale(1);
}
.black_img:hover img{
	-webkit-filter: grayscale(0);
	filter: grayscale(0);
}

.beer-first-section .beer-title{
	color:#17b0dd;
	width:100%;
	text-align:center;
	font-size:50px;
	z-index:10;
}
 .first-image {
	transition: 0.5s all;
	z-index: 10;
	width:70%;
	position: relative;
	margin-top: -15%;
	margin-bottom: -10%;
}

.beer-first-section .beer-text{
	color:white;
	width:100%;
	text-align:center;
	font-size:30px
}

.beer-second-section .beer-text {
	text-align: justify;
}
.beer-first-section .section-border {
	position: absolute;
	margin-bottom: -75px;
	border-radius: 0 0 100% 20%;
	box-shadow: grey 0px 6px 10px -4px;
	width: 130%;
	margin-left: -15%;
	min-height: 75px;
	background-color: #003847;
	background: linear-gradient(42deg, #003847, #062b35 90%, #003847);
}

.features-section {
	font-size: 16px;
	background: linear-gradient(42deg, #003847, #062b35 60%, #003847);

}
.features-section .main_title h2 {
	color:white;
}
.features-section .section-border{
	background: linear-gradient(42deg, #003847, #062b35 10%, #003847);
}
.feature {
	display: flex;
	flex-direction: row;
	border-bottom: 15px solid #062b35;
	background-attachment:fixed;
}
.feature.feature-inverse {
	flex-direction: row-reverse;
}
.feature-1 {
	background-image: url("../images/bar3.jpg");
	background-position: right;
	background-size: cover;
	/*background-attachment: fixed;*/
}
.feature-2 {
	background-image: url("../images/bar2.jpg");
	background-position: left;
	background-size: cover;
	/*background-attachment: fixed;*/
}
.feature-3 {
	background-image: url("../images/bar.jpg");
	background-position: right;
	background-size: cover;
	/*background-attachment: fixed;*/
}
.feature-4 {
	background-image: url("../images/bar4.jpg");
	background-position: bottom;
	background-size: cover;
	/*background-attachment: fixed;*/
}


.feature-description {
	background: rgba(0,0,0,0.7);
	color: white;
	padding: 33px;
	text-align: center;
}

.feature-description h3 {
	color: #17b0dd;
}

.feature-description img {
	max-width: 250px;
	max-height: 250px;
}
@media (min-width: 700px) {
	.feature {
		min-height: 400px;
		font-size: 23px;
	}
	.feature-description {
		transform: translate(-1000px);
		width: 40%;
    	border-right: 15px solid #062b35;
    	border-left: none;
	}
	.feature-description-inverse {
		transform: translate(1000px);
		border-left: 15px solid #062b35 !important;
		border-right: none !important;
	}
}

@media (max-width: 700px) {
	.feature {
		display: flex;
		min-height: 500px;
		flex-direction: column-reverse !important;
	}
	.feature-description {
		height: 40%;
		width: 100%;
		border-top: 5px solid #062b35;
	}
	.features-section {
		color: red;
	}
}
.feature-icon {
	width: 25%;
}

@media only screen and (max-width: 992px) {
	#navigation_bar .content {
		background: linear-gradient(42deg, rgb(0, 56, 71), rgb(6, 43, 53) 35%, rgb(0, 56, 71));
	}

	#navigation_bar.initial {
		min-height: 75px;
	}
	#navigation_bar.initial .content{
		min-height: 75px;
	}

	#navigation_bar.initial .logo_dark {
		-webkit-filter:brightness(0) invert(1);
		filter: brightness(0) invert(1);
	}


	.mobile_menu_trigger {
		right: 8px;
		top: 41px;
	}
	#navy {
		background: linear-gradient(42deg, rgb(0, 56, 71), rgb(6, 43, 53) 35%, rgb(0, 56, 71));
		border:none;
	}

	.beer-first-section {
		justify-content: center;
	}

	.beer-first-section .first-section-content {
		width:80%
	}
	.beer-first-section .first-section-content .first-div {
		background: rgba(0,0,0,0.7);
	    color: white;
	    padding: 6px;
	    text-align: center;
	    border-radius: 25px;
	}


	.use-case-press {
		width:100%;
		max-width:1000%;
	}

	.feature {
		background-attachment:initial;
	}

	.beer-first-section .beer-title{
		font-size: 8vw;
	}

	.beer-first-section .beer-text{	
		font-size: 6.4vw !important;
	}
	.beer-second-section .beer-text {
		font-size: 5.5vw !important;
	}

	.first-image {
		width:100%;
	}

}


.beer-footer {
	/*
	background: linear-gradient(to bottom, rgba(255,255,255,1), rgba(255,255,255,0)),  url('http://ajaxdistributing.com/wp-content/uploads/2017/10/beer-background-155355293.jpg') no-repeat center;
	*/
	min-height: 650px;
	position: relative;
	background-color:#191e21;
	padding-bottom:8px;
}
.beer-footer-container {
	border-radius: 0 0 18% 41%/8%;
	background-size: cover;
	min-height: 650px;
	position: relative;
	background-position: top;
	background-image: url("../images/beer_background.jpg");
	box-shadow: #ded5d5 0px 6px 5px -5px;
}
#beer-mask-overlay {
	border-radius: 0 0 18% 41%/8%;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 650px;
	background-size: cover;
	min-height: 650px;
	background-position: top;
	background-image: url("../images/beer-mask.png");
}
#opacity-overlay {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
}


.fade-in {
	opacity:0;
	transition:0.5s opacity;
}

.fade-in.fade-in-animation {
	opacity:1;
}


.slide-in {
	transition:0.5s transform;
}

.slide-in.slide-in-animation {
	transform:translateX(0);
}