/* MAX WIDTH RESTRICT
contains the maximum width of the website for extreme large screens, also adds a shadow to distiguish from the body background. Added a light background color since the main background was showing in some places.
*/
body{	
	background:url('https://ramsteinbeer.com/wp-content/uploads/2018/12/431.jpg') fixed;	
	font-family:  Verdana, "sans-serif" !important;
}

.grecaptcha-badge {
	display: none !important;
}


.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {

	font-family:  Verdana, "sans-serif" !important;

}
.off-canvas-wrapper{max-width: 1980px; margin:0 auto;-webkit-box-shadow:0 0 10px rgba(10,10,10,.7);box-shadow:0 0 10px rgba(10,10,10,.7);background:#fefefe}
/*END MAX WIDTH RESTRICT*/
html {
  box-sizing: border-box;
}
header{
	margin: 0;
	background:url('/wp-content/uploads/2018/12/header-bkg.png') no-repeat;
}
/*Background when in mobile/small size*/
.topbar-center-logo-mobile {
	background:green; /*made it green to see if it is doing anything?*/
	padding:0px;
	width: 100%;
}
/*This is not for mobile this one is hidden by foundation when small*/
.topbar-center-logo {
	padding:0;
}
.top-bar-center,.top-bar-right,.top-bar-left{
	align-self: flex-end;
/*best way i could work out the background in the navbar since it has to be split by the bottles (it is difficult to split the menu in wordpress)*/
	background:url('/wp-content/uploads/2018/12/navbar-bkg.png') repeat-x bottom;
}
/*indent the left and right menus*/
.top-bar-left .menu{
	padding-left:30px;
}
.top-bar-right .menu{
	padding-right:30px;
}

.topbar-center-logo .menu {
  background-color:transparent; /*This controls the background color of the menu bar it cannot be used due to the menu being split it needs to be specific to transparent since it has to override the standard background color from foundation*/
}
.site-logo img{
	margin-bottom: 20px;
}
.topbar-center-logo .top-bar-left {
  -webkit-flex: 0 1 auto;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
    margin-right: 0;
}
.topbar-center-logo .top-bar-center {
  -webkit-flex: 1 1 auto;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}
.topbar-center-logo .top-bar-right {
  -webkit-flex: 0 1 auto;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
    padding-left: 5%;
}
.top-bar-left .menu{
	flex-wrap:nowrap;
}
.top-bar-right .menu{
	flex-wrap:nowrap;
}
.top-bar, .top-bar ul{
	background-color: transparent; /*This controls the background color of the whole top bar we are not using it and are using a background image instead, it needs to be specific to transparent since it has to override the standard background color from foundation*/
}
.is-dropdown-submenu li{
	padding:0px;
	background-color: #92010a; /*The submenu color when mouseover.*/
	padding-left:0;
}
.menu .menu{
	padding: 0; /*This removes the padding left and right made above to stay off the edges but only on the submenu*/
}
.top-bar-left .menu .is-dropdown-submenu li{
	padding-left:0px;
}
.top-bar-right .menu .is-dropdown-submenu li{
	padding-right:0px;
}
.is-dropdown-submenu{
	border:none;
}
.menu{
	height: 33.19px;
}
.menu a{
    font-family: "Palanquin", Sans-serif;
    font-weight: 700;
	color:white;
	text-transform: uppercase;
	font-size: 18px;
	line-height: 14px;
}
.menu .active>a {
	background: #E8DDBE/*#E6D1A6*/;
	color:black;
}
.topbar-center-logo .menu a:active {
	color:black;
}
.dropdown.menu a{
	padding: .6rem 1rem;
}

.elementor-column-gap-default>.elementor-row>.elementor-column>.elementor-element-populated{
	padding: 0;
}
.is-dropdown-submenu-item{
	width:200px;
}
.is-dropdown-submenu>li{
	width: 100%;
	white-space: nowrap;
}
.dropdown.menu .is-active>a{
	color: rgba(255,255,255,1);
}
.dropdown.menu.medium-horizontal>li.is-dropdown-submenu-parent>a::after{
	    border-color: #FFF transparent transparent;
}
/*PROSIT CLUB SIDE*/
.prosit-left{
	width: auto;
	text-align: right;
}
.prosit-left img{
	width:100%;
	margin-bottom: 5%;
}
.prosit-right{
	width: auto;
}
.prosit-right{
    font-family:  Verdana, "sans-serif";
    font-weight: 600;
    background-color: transparent;
	color:black;
	font-size: 14px;
	text-align: left;
	margin-left:10px;
}
.prosit-right h3{
	font-family: ff-brokenscript-bc-web !important;
	font-weight: 700 !important;
	font-style: normal !important;
	font-size: 30px;
	line-height: 30px;
}
.prosit-right span{
    font-family: Verdana, "sans-serif";
    font-weight: 600;
	text-transform: none;
	font-size: 22px;
	
}
.prosit-right a{
	text-decoration: underline;
	color: #92010a;
}
.prosit-right p{
	margin-top:20px;
	line-height: 20px;
}
/*styles for the pasword protected prosit society page*/
.post-password-form{
	width: 60%;
	margin: 40px auto;
	
}
.post-password-form input[type="submit"]
{
    font-weight: 900;
    border-radius: 0px 0px 0px 0px;
    background-color: #92010a;
	width: 100%;
	padding: 5px;
	color: white;
	cursor: pointer;
}
.post-password-form input[type="submit"]:hover
{
    background-color: #92010a;
	cursor: pointer;
}

/*MOBILE MENU BAR*/
.menuicon{
	pading:5%;
	margin-bottom: 10px;
}
.menuicon img{
	height:40px;
}
.mobile-menu{
		border-bottom: rgba(209,211,212,1) solid 6px;
	width:100%;
	background-color: #92010a; 
	
}
.mobile-header{
	width:100%;	
	background-color: transparent;/*This controls the background color of the whole top bar we are not using it and are using a background image instead, it needs to be specific to transparent since it has to override the standard background color from foundation*/
}
/*Social Icons in the offcanvas navbar and the footer*/
.social_icon{
	width: 40px;
	margin-right: 25px;
}
.last_icon{
	margin-right: 0px;
}
/*This is the custom for the beer oath call to action section	*/
#beer-oath{
		border-top: rgba(209,211,212,1) solid 12px;
	position:relative;
	display:block;
	height: 100%;
		border-bottom: rgba(216,184,128,1) solid 12px;	
}
#beer-oath-beers .elementor-image{
	position: absolute;
	top:-120px;	
}
#beer-oath-oath .elementor-image{
	position: absolute;
	top:-120px;	
}
#beer-oath-award .elementor-image{
/*	position: absolute;
	top:-150px;
	flex-basis: auto;*/
}

footer{
	background-color: #92010a;
	margin:0;
	padding: 25px 25px 0 25px;
}
.footer{
	margin:0;	
}
.footer .menu .active>a {
	background:transparent;
	text-decoration: underline;
	color:white;
}
.copyright a{
	color:white;
	border-bottom: rgba(255,255,255,1.00) solid 1px;
}
.copyright-kollins a{
	color:white;
	border-bottom: none;
}
.footer-social{
/*	position: absolute;
	top:80px;*/
	text-align:right;
}
.footer h3{
	font-family: ff-brokenscript-bc-web, serif;
	font-weight: 700;
	font-style: normal;
	font-size: 22px;
	color:white;
}
.footer p{
	color:white;
	margin-top: 15px;
}
.copyright{
	text-align:left;
	color:white;
}
.copyright-kollins{
	text-align:right;
	color:white;
	font-size: 9px;
	margin-top: 45px !important;
}
.all-reserved{
	font-size: 12px;
	margin-top: 25px !important;
}

/*THIS IS ALL DONE TO MATCH THE AI IN HISTORY*/
.hidetext{

    /* Hide the text. */
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}
#curvedtitle.hidetext{

    /* Hide the text. */
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}
.papel{
	min-width:850px;
	}
.team-member{
	min-width:425px;	
}
.pad100{
	padding:0 100px 100px 100px;
}
.history-img{
	margin:30px auto 0;
	width:90%;
}
.imported-img{
	margin:0 auto 30px;
	width:100%;
}
.history-banner{
	margin:0 auto;
	width:1200px;
	margin-bottom: -120px;
}

.history-image:hover{
	transform: rotate(12deg);
}



.pad100 em{
	font-family: ff-brokenscript-bc-web, serif;
	font-weight: 700;
	font-style: normal;	
	display:inline-block;
	float:left;
	font-size:1.3em;
	
}
.pad100 img{
	display:inline-block;
	float:left;
}
.pad100 .elementor-drop-cap-letter{
	font-size:2.1em;
}
.pad100 p{
	font-size:1.1em;
}
.btn_team .elementor-button-text{
/*	font-family: cantoni-pro, serif;
	font-weight: 700;
	font-style: normal;*/
	font-family: 'Courgette', cursive;
	font-size:2.9em;
	
}
.btn_team .elementor-button{
	background: linear-gradient(180deg, transparent 50%, #c4751c 50%);
	padding: 20px 15px 10px 15px;
}
.curvedtitle{
	font-family: ff-brokenscript-web, serif;
	font-weight: 700;
	font-style: normal;	
	font-size:0.5em;
	color:white;
	/*margin-bottom:-120px;*/
  	text-shadow: 1px 1px 1px #000, 
               8px 8px 18px black; 
	padding:4vh 0;
}
.curvedtitle h1{
	font-family: ff-brokenscript-bc-web !important;
	font-weight: 500;
	font-style: normal;
	color:white;
	font-size:6vw;
	/*margin-bottom:-120px;*/
  	text-shadow: 1px 1px 1px #000, 
               8px 8px 18px black; 
	
}
.eventstitle h1{
	font-family: ff-brokenscript-bc-web !important;
	font-weight: 500;
	font-style: normal;
	color:yellow;
	font-size:3vw;
	/*margin-bottom:-120px;*/
  	text-shadow: 1px 1px 1px #000, 
               8px 8px 18px black;
	
}
.eventstitle h2 span.homecta{
	font-family:  Verdana, "sans-serif" !important;
	font-weight: 400;
	font-style: normal;	
	font-size:3vw;
	color: white;
	text-shadow: 1px 1px 1px #000, 
						 8px 8px 18px black; 
}
.curvedtitle h2{
	font-family: ff-brokenscript-bc-web !important;
	font-weight: 500;
	font-style: normal;
	color:white;
	font-size:2vw;
	/*margin-bottom:-120px;*/
  	text-shadow: 1px 1px 1px #000, 
               8px 8px 18px black; 
	
}
.curvedtitle span.homecta{
	font-family:  Verdana, "sans-serif" !important;
	font-weight: 400;
	font-style: normal;	
	font-size:1vw;
	text-shadow: none; 

}
.curvedtitle span{
	font-family:  Verdana, "sans-serif" !important;
	font-weight: 400;
	font-style: normal;	
}
.gallerytitle{
	/* max-height:34vh;
	padding-top:3%; */
	letter-spacing: 0.05vw;
}

.prosittitle h1{
	max-height:34vh;
	padding-top:4%;
	letter-spacing: 0.05vw;
	line-height: calc(70px + 6 * ((100vw - 320px) / 680));
	padding-bottom: 6%;
	font-size: calc(70px + 6 * ((100vw - 320px) / 680));
	
}
.contact-text{
	font-size: calc(16px + 6 * ((100vw - 320px) / 680));
	font-weight: normal;
	
}
.contact-text a{
	color:black;
	
}

.contact-form input[type="submit"]
{
    font-weight: 900;
    border-radius: 0px 0px 0px 0px;
    background-color: #92010a;
	width: 100%;
	padding: 5px;
	color: white;
	cursor: pointer;
}

.contact-form input[type="text"]::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color:rgba(35,31,32,0.4);
  /*opacity: 1;  Firefox */
}

.contact-form input[type="text"]:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color:rgba(35,31,32,0.4);
}

.contact-form input[type="text"]::-ms-input-placeholder { /* Microsoft Edge */
  color:rgba(35,31,32,0.4);
}

.contact-form input[type="tel"]::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color:rgba(35,31,32,0.4);
  /*opacity: 1;  Firefox */
}

.contact-form input[type="tel"]:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color:rgba(35,31,32,0.4);
}

.contact-form input[type="tel"]::-ms-input-placeholder { /* Microsoft Edge */
  color:rgba(35,31,32,0.4);
}

.contact-form input[type="email"]::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color:rgba(35,31,32,0.4);
  /*opacity: 1;  Firefox */
}

.contact-form input[type="email"]:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color:rgba(35,31,32,0.4);
}

.contact-form input[type="email"]::-ms-input-placeholder { /* Microsoft Edge */
  color:rgba(35,31,32,0.4);
}
.contact-form input[type="text"]
{
    background-color: #E6D1A6;
	color:rgba(35,31,32,0.4);
}
.contact-form input[type="tel"]
{
    background-color: #E6D1A6;
	color:rgba(35,31,32,0.4);
}
.contact-form input[type="email"]
{
    background-color: #E6D1A6;
	color:rgba(35,31,32,0.4);
}
.contact-form textarea {
    background-color: #E6D1A6;
	color:rgba(35,31,32,0.4);
}


.contact-form textarea::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color:rgba(35,31,32,0.4);
  /*opacity: 1;  Firefox */
}

.contact-form textarea:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color:rgba(35,31,32,0.4);
}

.contact-form textarea::-ms-input-placeholder { /* Microsoft Edge */
  color:rgba(35,31,32,0.4);
}

.contact-button{
    font-weight: 900;
    border-radius: 0px 0px 0px 0px;
    background-color: #92010a;
	margin: 0 auto;
	cursor:default;
}
.contact-button:hover{
    background-color: #92010a;
}
h2.contact{
	font-size: calc(16px + 6 * ((100vw - 320px) / 680));
	text-align: center;
	width:100%;
}
.galleryName h3>a{
	font-weight: 700;
	font-size: 1.4em !important;
	line-height: 1.4em !important;
}
.elementor-widget:not(:last-child) {
    margin-bottom: 10px !important;
}
.galleryCircle h1{
    margin:140px !important;
}

/*WHOLESALE PAGE outside the modal pop up*/
.dist-title p{
	font-size: calc(10px + 6 * ((100vw - 320px) / 680));
	line-height: calc(10px + 6 * ((100vw - 320px) / 680));
	
}
/*WHOLESALE PAGE inside the modal pop up*/
.distributor-title h2{		
	font-family: ff-brokenscript-bc-web !important;
	font-weight: 500;
	font-style: normal;
	text-transform: uppercase;
	padding-left:18px !important;
}
.distributor-content p{
	text-align:left;
	font-family:  Verdana, "sans-serif";
	font-size:18px;
}
.distributor-content p.subp{
	font-family:  Verdana, "sans-serif";
	font-size:18px;
}
.distributor-content h3{
	text-align:left;
	font-weight:900;
	font-family:  Verdana, "sans-serif";
	font-size:20px;
}
/*overrides a background color on the galleries. It is done in the bwg_frontend.css in the plugin folder but here too just in case of an update.*/
.bwg_loading_div_2 {
  background-color: transparent !important;
}

/*Beer Content Styles*/
.blonde-hefe-weizen, .imperial-pilsner, .golden-lager, .amber-lager{
	background-color: rgba(224,212,190,0.60);	
}
.double-platinum-blonde, .oktoberfest, .summerbock, .winterwheat{
	background-color: rgba(255,255,255,0.60);	
}
.INK_Black_Lager{
	background-color: rgba(102,102,102,0.60);	
	color:white;
}
.maibock{
	background-color: rgba(255,255,255,0.60);/*rgba(0,0,0,0.30); replaced text to black per Michael*/
	color:black;
}
.spin_IPA{
	background-color: rgba(122,183,82,0.60);
	color:white;
}
.eisbock{
	background-color: rgba(154,179,194,0.60);
}
.beer-content{
	width: 94%;
	font-weight:400;
	font-family:  Verdana, "sans-serif";
	font-size:19px;
}
.beer-content h2{
	width:100%;
	border-bottom:rgba(0,0,0,1.00) solid 4px;
	font-size: 0.7em;
	font-weight:700;
	font-family:  Verdana, "sans-serif";
	text-transform: uppercase;
}
.INK_Black_Lager h2{
	border-bottom:rgba(255,255,255,1.00) solid 4px;	
}
.spin_IPA h2{
	border-bottom:rgba(255,255,255,1.00) solid 4px;	
}
.maibock h2{
	border-bottom:rgba(0,0,0,1.00) solid 4px;	
}
.beer-content img{
	width:3vw;
}
.beer-content .secondp{
	margin-top:0.9em;
}
.beer-content-first{
	padding-top:0.9em;
	margin-top:0em;
}
.beer-content-last{
	padding:0.5em 0 0.3em 0;
}
.beer-content-first.winterwheat{
	padding-top:0.5em;
	margin-top:0em;
}
.beer-content-last.winterwheat{
	padding:0.1em 0 0.3em 0;
}
.grid-padding-y.winterwheat>.cell{
		padding-top:.325rem;
		padding-bottom:.325rem;
	}
.beer-content-first.oktoberfest{
	padding-top:0.5em;
	margin-top:0em;
}
.beer-content-last.oktoberfest{
	padding:0.1em 0 0.3em 0;
}
.grid-padding-y.oktoberfest>.cell{
		padding-top:.325rem;
		padding-bottom:.325rem;
	}  
.brewing-process-content{
	width: 94%;
	font-weight:400;
	font-family:  Verdana, "sans-serif";
	font-size:22x;
	padding-top: 5%;
}
.brewing-process-content .secondp{
	margin-top:0.9em;
}
/*this is the image-map for the beer menu titles
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  text-align: center;
}*/
#bier-menu-img-map-desktop {
  position: relative;
  display: inline-block;

}
#bier-menu-img-map-desktop a{
	width:100%;
	height:100%;
  display: inline-block;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
	cursor:pointer;
	background-color: transparent;

}
#bier-menu-img-map-desktop img {
  max-width:100%;
  display: block;
	margin-bottom: -12px;
}
.box-1 {
  width:26%;
  height:34%;
  position: absolute;
}
.box-1:hover {
	border-bottom:4px solid rgba(146,1,10,1.00);/*This is the color of the banner rgba(93,31,15,1.00);*//*This was the original color but looked too redish rgba(146,1,10,1.00);*/
	border-top: 4px solid rgba(146,1,10,1.00);
}
#pin-1 {
  top:27%;
  left:8%;
}
.box-2 {
  width:12%;
  height:34%;
  position: absolute;
}
.box-2:hover {
	border-bottom:4px solid rgba(146,1,10,1.00);
	border-top: 4px solid rgba(146,1,10,1.00);
}
#pin-2 {
  top:27%;
  left:63%;
}
.box-3 {
  width:12%;
  height:34%;
  position: absolute;
}
.box-3:hover {
	border-bottom:4px solid rgba(146,1,10,1.00);
	border-top: 4px solid rgba(146,1,10,1.00);
}
#pin-3 {
  top:27%;
  left:79%;
}

#bier-menu-img-map {
  position: relative;
  display: inline-block;

}
#bier-menu-img-map a{
	width:100%;
	height:100%;
  display: inline-block;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;

}
#bier-menu-img-map img {
  max-width:100%;
  display: block;
	margin-bottom: -12px;
}
.box-4 {
  width:30%;
  height:18%;
  position: absolute;
}
#pin-4 {
  bottom:5%;
  left:8%;
}
.box-5 {
  width:21%;
  height:18%;
  position: absolute;
}
#pin-5 {
  bottom:5%;
  left:40%;
}
.box-6 {
  width:22%;
  height:18%;
  position: absolute;
}
#pin-6 {
  bottom:5%;
  left:64%;
}
/*content view (news page) style overrides*/
.pt-cv-wrapper h3{
	text-align: center;
	padding: 0.3em 2em;
	background-color: rgba(0,0,0,0.5);
	box-shadow: 0px 0px 25px 5px rgba(0,0,0,0.5);
	transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
}
.pt-cv-wrapper h3 a{
	color:white;
}
.pt-cv-meta-fields{
	text-align: center;
	padding: 0.3em  2em;
	color:#F6BD41;	
	background-color: rgba(0,0,0,0.5);
	box-shadow: 0px 0px 25px 5px rgba(0,0,0,0.5);
	transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
}
.pt-cv-meta-fields a{
	color:#F6BD41;	
}
.pt-cv-view .pt-cv-title {
    margin-bottom: 0px;
}

.news_story a{
	color:#F6BD41;	
	text-decoration: underline;
}

.postmeta img{
	border: 5px rgba(255,255,255,1.00) solid;
	margin: 15px;
}
.postmeta H2{
	margin-top:12px;
	color:white;
	line-height: calc(25px + 6 * ((100vw - 320px) / 680));
	font-size: calc(25px + 6 * ((100vw - 320px) / 680));
	font-weight: bold;
}
.postmeta p{
	color:#F6BD41;
	font-size-adjust: -3px;
}
.newstitle{
	max-height:34vh;
	padding-top:1%;
	letter-spacing: 0.05vw;
}
.newsback{
	background-image: url("/wp-content/uploads/2019/02/back_news.png");
	background-repeat: no-repeat;
	background-size: 15px;
	background-position: left center;
	padding-left: 20px;
	margin-top: 80px;
	display: block;
	font-size: 14px;
}

.more-padding{
	padding-left: .9375em;
	padding-right: .9375em;
}



.event-img img{	
	box-shadow: 0px 0px 28px 8px rgba(0,0,0,0.6);
	transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
}


h1.event-title {
	font-family: ff-brokenscript-bc-web !important;
	font-weight: 700;
	font-style: normal;
	font-size: calc(24px + 6 * ((100vw - 320px) / 680));
	line-height: calc(24px + 6 * ((100vw - 320px) / 680));
	color:#FFCE00;
	padding: 15px 0;
}
h2.event-title {
	font-weight: 700;
	font-style: normal;
	font-size: calc(22px + 6 * ((100vw - 320px) / 680));
	line-height: calc(22px + 6 * ((100vw - 320px) / 680));
	color:#FFF !important;
	padding: 20px 0;
}

.checkmark-ul li{
   list-style: none;
	padding-bottom:10px;
}
.checkmark-ul li:before{
   content: '';
   display: inline-block;
   height: 15px;
   width: 25px;
   background-image: url('/wp-content/uploads/2019/02/checkmark.png');
	background-size: 15px 15px;
	background-repeat: no-repeat;
	background-position: left center;
}
.event-ul li{
   list-style: none;
	padding-bottom:10px;
}
.event-ul strong{
	color:#FFCE00;
}


.event-div img{
	border: 5px rgba(255,255,255,1.00) solid;
}

.event-div a{
	color:#F6BD41;
	text-decoration: underline;
}
/* 
  ##Device = Desktops
  ##Screen = 1981px to higher resolution desktops
*/


@media (min-width: 1981px) {
  /*CSS*/
	.topbar-center-logo {
/*		background:url('/wp-content/uploads/2018/12/header-bkg.jpg') no-repeat;
		padding:0;
		background-size: cover;*/
		border-bottom: rgba(209,211,212,1) solid 13px;
	}	
	.topbar-center-logo img{
		/*min-height:200px;*/ 
	} 
	.menu a{
		font-size: calc(6px + 6 * ((100vw - 320px) / 680));
	}
	.footer .menu a{
/*		font-size: calc(4px + 6 * ((100vw - 320px) / 680));
		padding: .6rem .6rem;*/
	}
	.copyright{
		/*font-size: calc(5px + 6 * ((100vw - 320px) / 680));*/
		/*padding: .6rem .6rem;*/
	}
	.dropdown.menu a{
		padding: .85rem 1.2rem;
	}	
	.menu{
		height: 48px;
	} 
	.social-media{
		height:150px;
	}
	.prosit{
		/*height:150px;*/
	}
	.footer-social{
	left:35px;
	}
	.footer-social .social_icon{
		width: calc(20px + 6 * ((100vw - 320px) / 680));
		margin-left: calc(8px + 6 * ((100vw - 320px) / 680));
		margin-right:0;
	}
}/*END 1981+ RESOLUTION*/


/* 
  ##Device = Desktops
  ##Screen = 1281px to higher resolution desktops
*/

@media (min-width: 1281px) and (max-width: 1980px) {
  /*CSS*/
	
	#beer-oath-beers .elementor-image{
	top:-100px;
	
}
#beer-oath-oath .elementor-image{
	top:-100px;
	
}
	
	
  	.topbar-center-logo {
/*		background:url('/wp-content/uploads/2018/12/header-bkg-sample.jpg') no-repeat;
		padding:0;
		background-size: 100% auto;*/
		border-bottom: rgba(209,211,212,1) solid 10px;
}
	.topbar-center-logo img{
		vertical-align:bottom;
	}
	.top-bar-left .menu{
	padding-left:5px;
}
.top-bar-right .menu{
	padding-right:5px;
}
.topbar-center-logo .top-bar-right {
    padding-left: 0%;
}
	.menu a{
		font-size: calc(5px + 6 * ((100vw - 320px) / 680));
	}
	.footer .menu a{
		font-size: calc(4px + 6 * ((100vw - 320px) / 680));
		padding: .6rem .5rem;
	}
	.copyright{
		/*font-size: calc(5px + 6 * ((100vw - 320px) / 680));*/
		/*padding: .6rem .5rem;*/
	}
	.dropdown.menu a{
		padding: .855rem 1.2rem;
	}	
	.menu{
		height: 47px;
	}
	

.btn_team .elementor-button-text{
	font-size:2.5em;
	
}
.btn_team .elementor-button{
	padding: 15px 10px 5px 10px;
}
	
	
	.social-media{
		/*height:120px;*/
	}
	.prosit{
		/*height:120px;*/
	}
	.prosit-left{
	font-size: calc(4px + 6 * ((100vw - 320px) / 680));
	padding: 12px;
	}
	.prosit-right{
	font-size: calc(5px + 6 * ((100vw - 320px) / 680));
	margin-left:3px;
	}
.prosit-right h3{
		font-size: calc(9px + 6 * ((100vw - 320px) / 680));
	line-height: calc(15px + 6 * ((100vw - 320px) / 680));
}
.prosit-right span{
	font-size: calc(5px + 6 * ((100vw - 320px) / 680));
	
}	
	
	.footer-social{
	left:50px;
	}
	.footer-social .social_icon{
		width: calc(23px + 6 * ((100vw - 320px) / 680));
		margin-left: calc(9px + 6 * ((100vw - 320px) / 680));
		margin-right:0;
	}
	
.footer h3{
		font-size: calc(12px + 6 * ((100vw - 320px) / 680));
}
/*	.beer_maincontainer{
		width:100vw;
	}	
	.elementor-column.elementor-col-50, .elementor-column[data-col="50"] {
    width: 100%;
		display:block;		
	}		.elementor-row{
		
		display:block;
	}*/

.brewing-spacer{
		height: 100%;
		display: block;
	}
.beer-content{	
	width: 98%;
	font-size:calc(5px + 6 * ((100vw - 320px) / 680));
}
.beer-content h2{
	font-size: calc(4px + 6 * ((100vw - 320px) / 680));
	text-transform:none;
}
.beer-content .secondp{
	margin-top:0.6em;
}
.beer-content-first{
	padding-top:0.6em;
	margin-top:0.5em;
}
.beer-content-last{
	padding:0.3em 0 0.6em 0;
}
	.grid-padding-x>.cell{
		padding-left:.625rem;
		padding-right:.625rem;
	}	
	.grid-padding-y>.cell{
		padding-top:.325rem;
		padding-bottom:.325rem;
	}	
	.bkg-mobile{
		background-size: cover !important;
	}
	.grid-container.fluid {
		padding-left:0rem;
		padding-right:0rem;
		
	}
  .brewing-process-content{	
	width: 98%;
	font-size:calc(12px + 6 * ((100vw - 320px) / 680));
}
.brewing-process-content .secondp{
	margin-top:0.6em;
}

	.postmeta img{
}
	
.postmeta H2{
	margin-top:calc(3px + 6 * ((100vw - 320px) / 680));
	line-height: calc(20px + 6 * ((100vw - 320px) / 680));
	font-size:calc(20px + 6 * ((100vw - 320px) / 680));
}
.postmeta p{	
	 font-size:calc(9px + 6 * ((100vw - 320px) / 680));
}
.newsback{
	background-size: calc(5px + 6 * ((100vw - 320px) / 680));
	padding-left: 20px;
	margin-top: 80px;
	font-size:calc(7px + 6 * ((100vw - 320px) / 680));
}
	
	
	
	
	
}/*END 1281-1980 RESOLUTION*/

/* 
  ##Device = Laptops, Desktops
  ##Screen = B/w 1025px to 1280px
*/

@media (min-width: 1025px) and (max-width: 1280px) {
  
  /*CSS*/
		
#beer-oath-beers .elementor-image{
	top:-80px;
	
}
#beer-oath-oath .elementor-image{
	top:-80px;
	
}
	
	
 	.topbar-center-logo {
/*		background:url('/wp-content/uploads/2018/12/header-bkg-sample.jpg') no-repeat;
		padding:0;
		background-size: 100% auto;*/
		border-bottom: rgba(209,211,212,1) solid 8px;
}
	.topbar-center-logo img{
		vertical-align:bottom;
	}
	.menu a{
		font-size: calc(7px + 6 * ((100vw - 320px) / 680));
	}
	.footer .menu a{
		font-size: calc(4px + 6 * ((100vw - 320px) / 680));
		padding: .6rem .4rem;
	}
	.copyright{
		/*font-size: calc(5px + 6 * ((100vw - 320px) / 680));*/
		/*padding: .6rem .4rem;*/
	}
	.dropdown.menu a{
		padding: .455rem .7rem;
	}	
	.menu{margin-top:1px;
		height: 32px;
	}
	.top-bar-center,.top-bar-right,.top-bar-left{
		background:url('/wp-content/uploads/2018/12/Navbar-bkg-smaller.png') repeat-x bottom;
}
	.top-bar-center img{
		min-width:25vw;
	}
.topbar-center-logo .top-bar-right {
    padding-left: 0%;
}
	.top-bar-left .menu{
	padding-left:3px;
}
.top-bar-right .menu{
	padding-right:3px;
}
.btn_team .elementor-button-text{
	font-size:2.5em;
	
}
.btn_team .elementor-button{
	padding: 15px 10px 5px 10px;
}

.history-banner{
	width:100vw;
	margin-bottom: -120px;
}	
	
	.social-media{
		height:100px;
	}
	.prosit{
		/*height:100px;*/
	}
	.prosit-left{
/*	font-size: calc(4px + 6 * ((100vw - 320px) / 680));
	padding: 10px;*/
	}
	.prosit-right{
	font-size: calc(4px + 6 * ((100vw - 320px) / 680));
	margin-left:3px;
	}
.prosit-right h3{
		font-size: calc(8px + 6 * ((100vw - 320px) / 680));
	line-height: calc(8px + 6 * ((100vw - 320px) / 680));
}
.prosit-right span{
	font-size: calc(4px + 6 * ((100vw - 320px) / 680));
	
}
	.footer-social{
		top:60px;
	left:40px;
	}
	.footer-social .social_icon{
		width: calc(21px + 6 * ((100vw - 320px) / 680));
		margin-left: calc(8px + 6 * ((100vw - 320px) / 680));
		margin-right:0;
	}.footer h3{
		font-size: calc(12px + 6 * ((100vw - 320px) / 680));
}
	.beer_maincontainer{
		width:100vw;
	}	
.norow .elementor-row{		
		display:block;
	}
	
		.expanded50.elementor-column.elementor-col-50 {
    width: 100%;
		display:block;		
	}
	
	.brewing-spacer{
		height: 15vh;
		display: block;
	}
.beer-content{	
	width: 92%;
	font-size:calc(15px + 6 * ((100vw - 320px) / 680));
}
.beer-content h2{
	font-size: calc(15px + 6 * ((100vw - 320px) / 680));
	text-transform: none;
}
.beer-content img{
	width:7vw;
}
.beer-content .secondp{
	margin-top:0.6em;
}
.beer-content-first{
	padding-top:0.6em;
	margin-top:1em;
}
.beer-content-last{
	padding:0.3em 0 0.6em 0;
}	
	
	.postmeta img{
		margin:10px;
}
.postmeta H2{
	margin-top:calc(4px + 6 * ((100vw - 320px) / 680));
	line-height: calc(16px + 6 * ((100vw - 320px) / 680));
	font-size:calc(16px + 6 * ((100vw - 320px) / 680));
}
.postmeta p{	
	 font-size:calc(8px + 6 * ((100vw - 320px) / 680));
}
.newsback{
	background-size: calc(5px + 6 * ((100vw - 320px) / 680));
	padding-left: 20px;
	margin-top: 80px;
	font-size:calc(7px + 6 * ((100vw - 320px) / 680));
}	
	
	
	
	
	
}

/* 
  ##Device = Tablets, Ipads (portrait)
  ##Screen = B/w 768px to 1024px
*/

@media (min-width: 768px) and (max-width: 1024px) {
  
  /*CSS*/
	
#beer-oath{
		border-top: rgba(209,211,212,1) solid 6px;
		border-bottom: rgba(216,184,128,1) solid 6px;
	
}			
#beer-oath-beers .elementor-image{
	top:-60px;
	
}
#beer-oath-oath .elementor-image{
	top:-60px;
	
}
	
   	.topbar-center-logo {
/*		background:url('/wp-content/uploads/2018/12/header-bkg-sample.jpg') no-repeat;
		padding:0;
		background-size: 100% auto;
		background-position: center;*/
		border-bottom: rgba(209,211,212,1) solid 6px;
}
	.topbar-center-logo img{
		vertical-align:bottom;
	}
	.menu a{
		font-size: calc(8px + 6 * ((100vw - 320px) / 680));
	}
	.footer .menu a{
		font-size: calc(4px + 6 * ((100vw - 320px) / 680));
		padding: .6rem .4rem;
	}
	.copyright{
		/*font-size: calc(5px + 6 * ((100vw - 320px) / 680));*/
		/*padding: .6rem .4rem;*/
		text-align: center;
	}
.footer-social{
/*	position: absolute;
	top:80px;
	text-align:right;*/
}
	.dropdown.menu a{
		padding: .32rem .5rem;
	}	
	.menu{
		height: 100%;
	}
	
	.top-bar-center,.top-bar-right,.top-bar-left{
		background:url('/wp-content/uploads/2018/12/Navbar-bkg-smaller.png') repeat-x bottom;
}
	
	.top-bar-center img{
		min-width:20vw;
	}
	.top-bar-left .menu{
	padding-left:3px;
}
.top-bar-right .menu{
	padding-right:3px;
}
.topbar-center-logo .top-bar-right {
    padding-left: 0%;
}
	.papel{
		margin:0 auto;
		min-width:750px;
	}
.team-member{
		margin:0 auto;
		min-width:98vw;
}
.pad100{
	padding:0 70px 70px 70px;
}
.pad100 em{
	font-size:1em;
	
}
.pad100 img{
	display:inline-block;
	float:left;
}
.pad100 .elementor-drop-cap-letter{
	font-size:1.8em;
}
.pad100 p{
	font-size:0.8em;
}
.history-banner{
	width:100vw;
	margin-bottom: -90px;
}

.btn_team .elementor-button-text{
	font-size:2em;
	
}
.btn_team .elementor-button{
	padding: 15px 10px 5px 10px;
}	

	.social-media{
		/*height:80px;*/
	}
	.prosit{
		/*height:80px;*/
	}
	.prosit-left{
/*	font-size: calc(4px + 6 * ((100vw - 320px) / 680));
	padding: 10px;*/
	}
	.prosit-left-small{
	font-size: calc(8px + 6 * ((100vw - 320px) / 680));
	padding: 0px;
	}
	.prosit-right{
	font-size: calc(12px + 6 * ((100vw - 320px) / 680));
	text-align: center;
	}
.prosit-right h3{
	margin-top: 2rem;
		font-size: calc(14px + 6 * ((100vw - 320px) / 680)) !important;
	line-height: calc(14px + 6 * ((100vw - 320px) / 680));
}
.prosit-right span{
	font-size: calc(12px + 6 * ((100vw - 320px) / 680));
	
}
	.footer-social{
	top:50px;
	left:35px;
	}
	.footer-social .social_icon{
		width: calc(30px + 6 * ((100vw - 320px) / 680));
		margin-left: calc(4px + 6 * ((100vw - 320px) / 680));
		margin-right:0;
	}
	.social_icon{
		width: calc(30px + 6 * ((100vw - 320px) / 680));
		margin-right: calc(6px + 6 * ((100vw - 320px) / 680));
	}
.footer h3{
		font-size: calc(13px + 6 * ((100vw - 320px) / 680));
}.footer p{
		font-size: calc(12px + 6 * ((100vw - 320px) / 680));
}
	
			
.copyright-kollins{
	display: none;
}
	
	
	.distribution img{		
	width:50vw;
	}
	
	
	.beer_maincontainer{
		width:100vw;
	}	
.norow .elementor-row{		
		display:block;
	}
	
	.expanded50.elementor-column.elementor-col-50 {
    width: 100%;
		display:block;		
	}	
.beer-content{	
	width: 94%;
	font-size:calc(12px + 6 * ((100vw - 320px) / 680));
}
.beer-content h2{
	font-size: calc(11px + 6 * ((100vw - 320px) / 680));
	text-transform: none;
}
.beer-content img{
	width:7vw;
}
.beer-content .secondp{
	margin-top:0.5em;
}
.beer-content-first{
	padding-top:0.2em;
	margin-top:0.02em;
}
.beer-content-last{
	padding:0.1em 0 0.5em 0;
}
	.grid-padding-x>.cell{
		padding-left:.625rem;
		padding-right:.625rem;
	}	
	.grid-padding-y>.cell{
		padding-top:.325rem;
		padding-bottom:.325rem;
	}	
	.postmeta img{
		margin:8px 2px 2px 2px;
}
.postmeta H2{
	 font-size:calc(14px + 6 * ((100vw - 320px) / 680));
}
.postmeta p{	
	 font-size:calc(6px + 6 * ((100vw - 320px) / 680));
}
.newsback{
	background-size: calc(5px + 6 * ((100vw - 320px) / 680));
	padding-left: 20px;
	margin-top: 80px;
	font-size:calc(9px + 6 * ((100vw - 320px) / 680));
}	

.curvedtitle h2{
	font-size:calc(18px + 6 * ((100vw - 320px) / 680));
	padding-bottom: 1%;
	
}
.curvedtitle span.homecta{
	font-size:calc(10px + 6 * ((100vw - 320px) / 680));
	margin-top: 5%;

}


#pin-1 {
  top:30%;
  left:8%;
}
#pin-2 {
  top:30%;
  left:63%;
}
#pin-3 {
  top:30%;
  left:79%;
}




	
}

/* 
  ##Device = Tablets, Ipads (landscape)
  ##Screen = B/w 768px to 1024px
*/

@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
  
  /*CSS*/
	   	.topbar-center-logo {
/*		background:url('/wp-content/uploads/2018/12/header-bkg-sample.jpg') no-repeat;
		padding:0;
		background-size: 100% auto;
		background-position: center;*/
}
	.topbar-center-logo img{
/*		min-height:80px; 
		max-height: 105px;*/
		vertical-align:top;
	}
	.menu a{
		font-size: calc(5px + 6 * ((100vw - 320px) / 680));
	}
	.footer .menu a{
		font-size: calc(4px + 6 * ((100vw - 320px) / 680));
		padding: .6rem .4rem;
	}
	.copyright{
		/*font-size: calc(7px + 6 * ((100vw - 320px) / 680));*/
		padding: 0;
		text-align: center;
	}
	
		
.copyright-kollins{
	display: none;
}
	
	
	.dropdown.menu a{
		padding: .32rem .5rem;
	}	
	.menu{
		height: 25px;
	}
	.social-media{
		height:80px;
	}
	.prosit{
		/* height:80px; */
	}
	.prosit-left{
/*	font-size: calc(4px + 6 * ((100vw - 320px) / 680));
	padding: 10px;*/
	}
	.prosit-left-small{
	font-size: calc(8px + 6 * ((100vw - 320px) / 680));
	padding: 0px;
	}
	.prosit-right{
	font-size: calc(5px + 6 * ((100vw - 320px) / 680));
	text-align: center;
	}
	.footer-social{
	top:50px;
	left:35px;
	}
	.footer-social .social_icon{
		width: calc(30px + 6 * ((100vw - 320px) / 680));
		margin-left: calc(4px + 6 * ((100vw - 320px) / 680));
		margin-right:0;
	}
	.social_icon{
		width: calc(30px + 6 * ((100vw - 320px) / 680));
		margin-right: calc(6px + 6 * ((100vw - 320px) / 680));
	}
	.footer h3{
		font-size: calc(14px + 6 * ((100vw - 320px) / 680));
	}
	.footer p{
		font-size: calc(8px + 6 * ((100vw - 320px) / 680));
	}

.galleryName{
	margin-bottom:0px;
}
	.distribution img{		
	width:50vw;
	}
		
.beer-content{	
	width: 94%;
	font-size:calc(15px + 6 * ((100vw - 320px) / 680));
}
.beer-content h2{
	font-size: calc(11px + 6 * ((100vw - 320px) / 680));
	text-transform: none;
}
.beer-content img{
	width:7vw;
}
.beer-content .secondp{
	margin-top:0.5em;
}
.beer-content-first{
	padding-top:0.2em;
	margin-top:0.02em;
}
.beer-content-last{
	padding:0.1em 0 0.5em 0;
}
	.grid-padding-x>.cell{
		padding-left:.625rem;
		padding-right:.625rem;
	}	
	.grid-padding-y>.cell{
		padding-top:.325rem;
		padding-bottom:.325rem;
	}
	
	.bkg-mobile{
		/* background-size: 580px auto !important; */
	}
	.grid-container.fluid {
		padding-left:0rem;
		padding-right:0rem;
		
	}
	.woodbkg{
	/* margin-top:1.3em;
		background:url('/wp-content/uploads/2018/12/Beer_Wood_Bkg.jpg') repeat-y bottom;
		color:white; */
	}
.blonde-hefe-weizen .woodbkg{
	margin-top:.7em;
	}



	.curvedtitle h2{
		font-size:calc(18px + 6 * ((100vw - 320px) / 680));
		padding-bottom: 1%;
		
	}
	.curvedtitle span.homecta{
		font-size:calc(10px + 6 * ((100vw - 320px) / 680));
		margin-top: 5%;
	
	}



}

/* 
  ##Device = Low Resolution Tablets, Mobiles (Landscape)
  ##Screen = B/w 481px to 767px
*/

@media (min-width: 481px) and (max-width: 767px) {
  /*This is the custom for the beer oath call to action section	*/
#beer-oath{
		border-top: rgba(209,211,212,1) solid 6px;
		border-bottom: rgba(216,184,128,1) solid 6px;
	
}
#beer-oath-beers .elementor-image{
	position: relative;
	top:0px;
	
}
#beer-oath-oath .elementor-image{
	position: relative;
	top:0px;
	
}
#beer-oath-award .elementor-image{
/*	position: absolute;
	top:-150px;
	flex-basis: auto;*/
}
  /*CSS*/     
     .topbar-center-logo {
/*		background:url('/wp-content/uploads/2018/12/header-bkg-sample.jpg') no-repeat;
		padding:0;
		background-size: 100% auto;
		background-position: center;*/
}
	.topbar-center-logo img{
/*		min-height:80px; 
		max-height: 105px;*/
		vertical-align:bottom;
	}
	.menu a{
		font-size: calc(5px + 6 * ((100vw - 320px) / 680));
	}
	.footer .menu a{
		font-size: calc(4px + 6 * ((100vw - 320px) / 680));
		padding: .6rem .4rem;
	}
	.copyright{
		/*font-size: calc(5px + 6 * ((100vw - 320px) / 680));*/
		/*padding: .6rem .4rem;*/
	}
	.dropdown.menu a{
		padding: .32rem .5rem;
	}	
	.menu{
		height: 97%;
	}
	
		.papel{
		margin:0 10px;
		min-width:300px;
	}
.team-member{
		margin:0 10px;
		min-width:300px;	
}
.pad100{
	padding:0px 25px 0 25px;
}
.pad100 em{
	font-size:1em;
	
}
.pad100 img{
	display:block;
	float:none;
	margin:0 auto;
	width:90px;
}
.pad100 .elementor-drop-cap-letter{
	font-size:1.8em;
}
.pad100 p{
	font-size:0.9em;
}
.history-banner{
	width:100vw;
	margin-bottom: -50px;
}

	.social-media{
		height:80px;
	}
	.prosit{
		height:80px;
	}
	.prosit-left{
/*	font-size: calc(4px + 6 * ((100vw - 320px) / 680));
	padding: 10px;*/
	}
	.prosit-left-small{
	font-size: calc(8px + 6 * ((100vw - 320px) / 680));
	padding: 0px;
	}
	.prosit-right{
	font-size: calc(5px + 6 * ((100vw - 320px) / 680));
	text-align: center;
	}
	.footer-social{
	top:50px;
	left:35px;
	}
	.footer-social .social_icon{
		width: calc(30px + 6 * ((100vw - 320px) / 680));
		margin-left: calc(4px + 6 * ((100vw - 320px) / 680));
		margin-right:0;
	}
	.social_icon{
		width: calc(30px + 6 * ((100vw - 320px) / 680));
		margin-right: calc(6px + 6 * ((100vw - 320px) / 680));
	}
	.footer h3{
		font-size: calc(18px + 6 * ((100vw - 320px) / 680));		
		text-align: center;
	}
	.pad100 img{
		display:inline-block;
		float:none;
	}
	.footer p{
		font-size: calc(14px + 6 * ((100vw - 320px) / 680));
		text-align: center;
	}
	
	
.copyright-kollins{
	display: none;
}
	

.galleryName{
	margin-bottom:25px;
}	
		.distribution img{		
	width:50vw;
	}	
	.distribution .elementor-button{
		margin-bottom:50px;
	}	
.elementor-element .lastofrow{
    padding-bottom: 0px !important;
	padding-top: 20px !important;
}
.brewing-process-content{
	width: 100%;
	padding-top: 0;
}	
		
.beer-content{	
	width: 94%;
	font-size:calc(15px + 6 * ((100vw - 320px) / 680));
	margin: 0 auto;
}
.beer-content h2{
	font-size: calc(11px + 6 * ((100vw - 320px) / 680));
	text-transform: none;
}
.beer-content img{
	width:8vw;
}
.beer-content .secondp{
	margin-top:0.5em;
}
.beer-content-first{
	padding-top:0.2em;
	margin-top:0.02em;
}
.beer-content-last{
	padding:0.1em 0 0.9em 0;
}
	.grid-padding-x>.cell{
		padding-left:.325rem;
		padding-right:.325rem;
	}	
	.grid-padding-y>.cell{
		padding-top:.325rem;
		padding-bottom:.325rem;
	}	
	.bkg-mobile{
		background-size: auto 100px !important;
	}
	.blonde-hefe-weizen, .imperial-pilsner, .golden-lager, .amber-lager {
    background-color: rgba(255,255,255,0.60);
}

.double-platinum-blonde, .oktoberfest, .summerbock, .winterwheat{
	background-color: rgba(255,255,255,0.60);	
}
.INK_Black_Lager{
	background-color: rgba(255,255,255,0.60);	
	color:black;
}
.maibock{
	background-color: rgba(255,255,255,0.60);/*rgba(0,0,0,0.30); replaced text to black per Michael*/
	color:black;
}
.spin_IPA{
	background-color: rgba(255,255,255,0.60);	
	color:black;
}
.eisbock{
	background-color: rgba(255,255,255,0.60);	
	color:black;
}


	.grid-container.fluid {
		padding-left:0rem;
		padding-right:0rem;
		
	}
	.woodbkg{
		margin-top:1.3em;
		background:none;
		color:inherit;
	/* margin-top:1.3em;
			background:url('/wp-content/uploads/2018/12/Beer_Wood_Bkg.jpg') repeat-y bottom;
			color:white; */
	}
.blonde-hefe-weizen .woodbkg{
	margin-top:.7em;
	}	


	.curvedtitle h2{
		font-size:calc(24px + 6 * ((100vw - 320px) / 680));
		padding-bottom: 1%;
		
	}
	.curvedtitle span.homecta{
		font-size:calc(16px + 6 * ((100vw - 320px) / 680));
		margin-top: 5%;
	
	}
	
	
}

@media (min-width: 480px) and (max-width: 639px) {


  .image_full{
   display:none;
  }

  .image_mobile{
   display:block;
  }
	.hidefor640{		
  display:none;
	}
	.bkg-mobile{
		background-size: 580px auto !important;
	}
	.grid-container.fluid {
		padding-left:0rem;
		padding-right:0rem;
		
	}
	
.footer-social{
/*	position: absolute;
	top:80px;*/
	text-align:center;
}
	.footer-social .social_icon {
		margin-bottom:30px;
	}
	
	.postmeta img{
		margin:0 auto;
		display: block;
}
.postmeta H2{
	 
}
.postmeta p{	
	 font-size:calc(9px + 6 * ((100vw - 320px) / 680));
}
.newsback{
	background-size: calc(5px + 6 * ((100vw - 320px) / 680));
	padding-left: 20px;
	margin-top: 80px;
	font-size:calc(12px + 6 * ((100vw - 320px) / 680));
}		
.copyright-kollins{
	display: none;
}
	
	

}
@media (min-width: 640px) and (max-width: 5000px) {
.image_full{
   display:block;
  }

 .image_mobile{
  display:none;
 }
}
/* 
  ##Device = Most of the Smartphones Mobiles (Portrait)
  ##Screen = B/w 320px to 479px
*/

@media (min-width: 320px) and (max-width: 480px) {
  #beer-oath{
		border-top: rgba(209,211,212,1) solid 6px;
		border-bottom: rgba(216,184,128,1) solid 6px;
	
}
#beer-oath-beers .elementor-image{
	position: relative;
	top:0px;
	
}
#beer-oath-oath .elementor-image{
	position: relative;
	top:0px;
	
}
  /*CSS*/
   	.topbar-center-logo {
/*		background:url('/wp-content/uploads/2018/12/header-bkg-sample.jpg') no-repeat;
		padding:0;
		background-size: 100% auto;
		background-position: center;*/
}
	.topbar-center-logo img{
		/*min-height:80px; 
		max-height: 105px;*/
		vertical-align:bottom;
	}
	.menu a{
		font-size: calc(15px + 6 * ((100vw - 320px) / 680));
	}
	.footer .menu a{
		font-size: calc(4px + 6 * ((100vw - 320px) / 680));
		padding: .6rem .4rem;
	}
	.copyright{
		/*font-size: calc(14px + 6 * ((100vw - 320px) / 680));*/
		/*padding: .6rem .4rem;*/
	}
	.dropdown.menu a{
		padding: .32rem .5rem;
	}	
	.menu{
		height: 100%;
	}
	.social-media{
		height:80px;
	}
	.prosit{
		height:80px;
	}
	.prosit-left{
/*	font-size: calc(4px + 6 * ((100vw - 320px) / 680));
	padding: 10px;*/
	}
	.prosit-left-smallest{
	font-size: calc(16px + 6 * ((100vw - 320px) / 680));
	padding: 0px;
	}
	.prosit-right{
	font-size: calc(20px + 6 * ((100vw - 320px) / 680));
	margin: 0 auto 20px auto;
	text-align: center;
	}
.prosit-right h3{
	margin-top:1rem;
		font-size: calc(20px + 6 * ((100vw - 320px) / 680)) !important;
	line-height: calc(20px + 6 * ((100vw - 320px) / 680));
}
.prosit-right span{
	font-size: calc(16px + 6 * ((100vw - 320px) / 680)) !important;
	
}
	.footer-social{
	top:50px;
	left:35px;
	}
	.footer-social .social_icon{
/*		width: calc(26px + 6 * ((100vw - 320px) / 680));
		margin-left: calc(4px + 6 * ((100vw - 320px) / 680));
		margin-right:0;*/
		margin-bottom:40px;
		text-align: center;
	}
	.social_icon{
		width: calc(30px + 6 * ((100vw - 320px) / 680));
	}	
	.footer-social{
/*	position: absolute;
	top:80px;*/
	text-align:center;
}
	.footer h3{
		font-size: calc(20px + 6 * ((100vw - 320px) / 680));
		text-align: center;
	}
	.footer p{
		font-size: calc(14px + 6 * ((100vw - 320px) / 680));
		text-align: center;
	}

	.papel{
		margin:0 10px;
		min-width:300px;
	}
.team-member{
		margin:0 10px;
		min-width:300px;	
}
.pad100{
	padding:0px 25px 0 25px;
}
.pad100 em{
	font-size:1em;
	
}
.pad100 img{
	display:block;
	float:none;
	margin:0 auto;
	width:90px;
}
.pad100 .elementor-drop-cap-letter{
	font-size:1.8em;
}
.pad100 p{
	font-size:0.9em;
}
.history-banner{
	width:100vw;
	margin-bottom: -50px;
}	
 
.galleryName{
	margin-bottom:20px;
}
	
.elementor-element .lastofrow{
    padding-bottom: 0px !important;
	padding-top: 20px !important;
}
	.distribution img{		
	width:50vw;
	}	
	.distribution .elementor-button{
		margin-bottom:50px;
	}
.brewing-process-content{
	width: 100%;
	padding-top: 0;
}		
.beer-content{	
	width: 100%;
	font-size:calc(15px + 6 * ((100vw - 320px) / 680));
	background-color: transparent !important;
}
.beer-content h2{
	font-size: calc(11px + 6 * ((100vw - 320px) / 680));
	text-transform: none;
}
.beer-content img{
	width:8vw;
}
.beer-content .secondp{
	margin-top:0.5em;
}
.beer-content-first{
	padding-top:0em;
		padding-left:0rem;
		padding-right:0rem;
	margin-top:.9em;
}	
.beer-content-last{
	padding:0.1em 0 0.9em 0;
}
	.grid-padding-x>.cell{
		padding-left:0.925rem;
		padding-right:0.925rem;
	}	
	.grid-padding-y>.cell{
		padding-top:.0rem;
		padding-bottom:.325rem;
	}	
	  .image_full{
   display:none;
  }

  .image_mobile{
   display:block;
  }
	.hidefor640{		
  display:none;
	}
.bkg-mobile{
		background-size: 123vw auto !important;
	}
	.woodbkg{
	margin-top:1.1em;
		background:url('/wp-content/uploads/2018/12/Beer_Wood_Bkg.jpg') repeat-y bottom;
		color:white;
	}
.blonde-hefe-weizen .woodbkg{
	margin-top:.7em;
	}
	.grid-container.fluid {
		padding-left:0rem;
		padding-right:0rem;
		
	}
	
	
		.postmeta img{
		margin:0 auto;
		display: block;
}
	
		
.copyright-kollins{
	display: none;
}
	
	
	
	
	
}

/*TYPOGRAPHY*/


html {
  /*font-family: "Helvetica Neue", Helvetica, Arial, "sans-serif";*/
	font-family:  Verdana, "sans-serif";
}

a.accordion-title {
	color: black;	
}
	
a.accordion-title[aria-expanded="true"]{
	color:#92010a;
	font-weight: 500;
}

h1{
	color:white;
	font-weight: 600;
}

h3{ 
}
h4{ 
}
h5{
	color: #92010a;
}



/*SMALL DEVICES*/
@media screen and (min-width: 320px) {
	
html {
	font-size: calc(17px + 6 * ((100vw - 320px) / 680));
}

h1 {
	font-size: calc(22px + 6 * ((100vw - 320px) / 680));
}
h2 {
    font-size: calc(23px + 6 * ((100vw - 320px) / 680));
  }
h3{
	font-size: calc(14px + 6 * ((100vw - 320px) / 680)) !important;
}
h4{
	font-size: calc(12px + 6 * ((100vw - 320px) / 680));
}
h5{
	font-size: calc(11px + 6 * ((100vw - 320px) / 680));
}

.prosit-right span {
	font-size: calc(12px + 6 * ((100vw - 320px) / 680)) !important;
}


.curvedtitle h2{
	font-size:calc(18px + 6 * ((100vw - 320px) / 680));
	padding-bottom: 1%;
	
}
.curvedtitle span.homecta{
	font-size:calc(12px + 6 * ((100vw - 320px) / 680));
	margin-top: 5%;

}
.eventstitle h1{
	font-size:calc(20px + 6 * ((100vw - 320px) / 680));
	padding-bottom: 0px;
	
}
.eventstitle h2 span.homecta{
	font-size:calc(16px + 6 * ((100vw - 320px) / 680));
	margin-top: 0%; 
}




.elementor-button.elementor-size-xl {
	font-size:calc(18px + 6 * ((100vw - 320px) / 680));
	padding: 15px 30px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
}	
	
}/*SMALL DEVICES END*/

/*MEDIUM DEVICES*/
@media screen and (min-width: 800px) {
	
html {
    font-size: calc(16px + 6 * ((100vw - 320px) / 680));
  }
	
	
h1 {
    font-size: calc(30px + 6 * ((100vw - 320px) / 680));
  }
h2 {
    font-size: calc(25px + 6 * ((100vw - 320px) / 680));
  }

h3{
	font-size: calc(14px + 6 * ((100vw - 320px) / 680));
}
h4{
	font-size: calc(12px + 6 * ((100vw - 320px) / 680));
}
h5{
	font-size: calc(11px + 6 * ((100vw - 320px) / 680));
}


}/*MEDIUM DEVICES END*/


/*LARGE DEVICES*/

@media screen and (min-width: 1200px) {
	
	
html{
    font-size: 20px;
}
	
h1{ 
	font-size:40px;
	margin-bottom: .0rem;
}	

h3{ 
	font-size:18px;
	margin-bottom: .0rem;
}

h4{ 
	font-size:18px;
	margin-bottom: 1rem;
}
h5{
	font-size:17px;
}
}

@font-face {
  font-family: 'icomoon';
  src:  url('/wp-content/fonts/icomoon.eot?90k79y');
  src:  url('/wp-content/fonts/icomoon.eot?90k79y#iefix') format('embedded-opentype'),
    url('/wp-content/fonts/icomoon.ttf?90k79y') format('truetype'),
    url('/wp-content/fonts/icomoon.woff?90k79y') format('woff'),
    url('/wp-content/fonts/icomoon.svg?90k79y#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}
 
#off-canvas {
    padding-top: 55px;
}


/*Menu bar shows up in mobile and tablets when the icon is pressed*/

.off-canvas{
	background:#92010a;
	/*overflow: hidden;*/ /*NO IDEA WHY I DID THIS BUT IT PREVENTS THE SCROLLING OF THE NAV BAR ON MOBILE LANDSCAPE MODE.*/
}
.off-canvas a{
	color:white;
}	

.drilldown a {
    padding: .7rem 1rem;
    background: #92010a;
}
.drilldown a:hover{
	background: #CA0A37;
}

.drilldown .is-drilldown-submenu {
    background: #92010a;
}
.drilldown .is-drilldown-submenu-parent>a::after{
	border-color:transparent transparent transparent white;
}
.drilldown .js-drilldown-back>a::before{
	border-color: transparent rgba(255,255,255,0.7) transparent transparent;
    margin-top: -4.5px;
}
.js-drilldown-back {
  	background: #92010a;/**/
    /*border-bottom: 1px solid rgba(0,0,0,0.35);*/
    font-weight: bold;
    text-transform: uppercase;
    margin: 0;
}
.drilldown .js-drilldown-back>a{
	background: #92010a;
	color: rgba(255,255,255,0.7);
}
.drilldown .js-drilldown-back>a:hover{
	background: #92010a;
	color:white;
}

.drilldown .js-drilldown-back>a:hover:before{
	border-color: transparent white transparent transparent;
    margin-top: -4.5px;
}



a.exit-off-canvas {
    width: 29px;
    height: 29px;
    line-height: 29px;
    box-shadow: none !important;
    top: 15px;
    right: 15px;
    left: auto;
    position: absolute;
    font-size: 30px;
    color: rgba(255,255,255,0.7);
    text-align: center;
    background: none;
    z-index: 1002;
    display: block;
}
a.exit-off-canvas {
    -webkit-backface-visibility: hidden;
    box-shadow: -4px 0 4px rgba(0,0,0,0.5), 4px 0 4px rgba(0,0,0,0.5);
    cursor: pointer;
    transition: background 300ms ease;
    -webkit-tap-highlight-color: transparent;
}

ul, ol, dl {
    font-family: inherit;
    font-size: 1rem;
    list-style-position: outside;
}
ul#menu-nav{
    margin: 0;
    padding: 0;
    width: 100%; 	
    margin-bottom: 1.25rem;
}
ul#menu-nav a{
    display: block;
    font-size: 16px;
    height: auto;
    margin: 0;
    /*width: 100%; */	
     padding: 0.6666666667rem;
    line-height: 1.3;
}
ul.menu li a {
    /*border-bottom: 1px solid #790A1C;*/ /*NO IDEA WHY THIS BORDER IS HERE UNLESS IS WHEN THERE IS MORE THAN ONE SUBMENU*/
    color: rgba(255,255,255,1);
    display: block;
    padding: 0.6666666667rem;
    transition: background 300ms ease;
}
.drilldown .is-drilldown-submenu-parent>a::after {
    border: inset 5px;
    /*content: "";*/
    border-color: transparent transparent transparent rgba(255,255,255,0.7);
    margin-top: -4.5px;
}

.menu-item ul li>a:hover {
	background: /*#CA0A37;*/transparent;
    /*color: #FFFFFF*/
}
/*

.dropdown.menu>li.is-dropdown-submenu-parent>a::after  {
    content: none; }

.dropdown.menu.medium-horizontal>li.is-dropdown-submenu-parent>a::after {
    content: none; }

.is-dropdown-submenu-parent a::after  {
    content: none; }

.dropdown.menu.medium-horizontal>li.is-dropdown-submenu-parent>a {
	padding-right: 0.7rem;
}*/















.is-drilldown{
	height: 100%;
}

[class^="icon-"], div#off-canvas-nav .back a:before, [class*=" icon-"], .pageWrapper .slider.news-slider .slides button.slick-prev:before, .pageWrapper .slider.news-slider .slides button.slick-next:before {
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-close-circle:before {
    content: "\ea0d";
}

article, div, footer, header, hgroup, main, nav, section {
    display: block;
}
.position-right{
	/* width: 300px; */
	overflow: hidden;
}

.is-drilldown .drilldown .is-drilldown-submenu.is-closing {
      -webkit-transform: translateX(5%);
          -ms-transform: translateX(5%);
              transform: translateX(5%);
    }



/* Scroll to top */
#scroll-top a { width:32px; height:31px; border-radius:4px; background:#94a5ac url(/wp-content/uploads/2019/01/scroll-top.png) no-repeat 50% 48%; position:fixed; bottom:25px; right:25px; display:none; opacity: 0.74; filter: alpha(opacity=74);   }
#scroll-top a:hover { background-color:#ffcc00; cursor:pointer;}







/*LEFTOVER STUFF TO BE DELETED?*/

.title-bar{
/*	padding: 0;
	justify-content: flex-end;
	    -webkit-box-pack: end;
	-webkit-box-align: end;
	align-items:flex-end;*/
}

.prosit-left-small{
/*    font-family: "Palanquin", Sans-serif;
    font-weight: 700;
    border-radius: 15px;
	color:white;
	text-transform: uppercase;
	font-size: 15px;
	border: 2px solid #FFFFFF;
	padding: 15px;
	width:200px;
	margin: 0 auto;*/
}
.prosit-left-smallest{
/*    font-family: "Palanquin", Sans-serif;
    font-weight: 700;
	color:white;
    background-color: #92010a;
	text-transform: capitalize;
	font-size: 11px;
	padding: 3px;
	width:auto;
	margin: 10px auto 0 auto;*/
}
.prosit-left-smallest span{
	/*text-transform: none;*/
}	
.prosit-left span{
	/*text-transform: none;*/
}

@media (min-width: 768px){
.elementor-column.elementor-col-50, .elementor-column[data-col="50"] {
    width: 100% !important;
}
}

.bw-video{pointer-events: none}