/*======================================================================
    greater than 1400px
----------------------------------------------------------------------*/
@media only screen and (min-width:1400px){
	
	#blocks .half_height {
		width: calc(25% - 30px);
	}
	
	#people {
		margin-top: calc((40vh + 15px) * -1);
		height: calc(40vh) !important;
		width: calc(25% - 30px) !important;
	}
	
	#awards {
		margin-top: calc((40vh + 15px) * -1);
		height: calc(40vh) !important;
		width: calc(25% - 30px) !important;
		margin-left: calc(7% + 15px) !important;
	}
	
	#pint {
		height: calc(75vh / 2 - 40px) !important;
	}
	
	#blocks #square4 .offset_up {
		height: calc(40vh) !important;
		margin-left: calc(10% - 7px) !important;
		margin-top: calc((40vh + 30px) * -1);
	}
	

	
	#blocks .medium_square2 {
		height: calc(60vh - 30px);
	}
	
	#square5 .offset_up2 {
		height: calc(60vh - 30px);
		background-size: 160%;
	}
	
	#square5 .offset_up2:hover {
		background-size: 170%;
	}
	
	#people {
		background-size: auto 100%;
	}
	
	#people:hover {
		background-size: auto 110%;
	}
		
	#square3 {
		margin-left: calc(18% + 13px) !important;
		height: calc(30vh - 30px) !important;
		
	}
	
	#story {
		background-size: 120%;
	}
	
	#story:hover {
		background-size: 130%;
	}


	#inner_div img {
		width: auto;
		height:50%;
	}
	
	#inner_div, #inner_div2 {
		width: 200% !important; 
	}
	
	#people #inner_div, #inner_div2 {
		width: 235% !important; 
		margin-top: 20%;
	}
	
	#inner_div2 {
		margin-top: 0;
	}
	
	
	#square3 #inner_div {
		width: 100% !important;
	}
	
	
	
	
	#outer_div #inner_div {
		width: 225% !important;
	}
	
	#inner_div3 {
		width: 260% !important; 
	}
	
	#square5 #inner_div3 {
		width: 300% !important; 
	}
	
	#outer_div3 { 
		width: 100%;
		height: auto;
	}
	
	#outer_div2 {
        height: 40vh !important;
	}
	
	#square4 #inner_div img {
		width: auto;
		height:70%;
	}

	#menu div ul li {
		margin: 0 20px;
	}
	
	#menu a {
		font-size: 25px;
	}
	
	#nav_about_menu a {
		font-size: 19px;
	}
	
	#events #dates #date_align #event_copy {
		font-size: 21px;
	}
	
	.instagram2 {
		height: calc(40vh) !important;
	}
	
	#square2 #outer_div #inner_div, #square3 #outer_div #inner_div {
		width: 100% !important;
	}
	
	#agecheck #truck img {
		width:65vw;
		max-width: 1200px;
		padding-bottom: 20px;
	}

	.tour_text {
		height: 40vh !important;
	}
	
	
}


/*======================================================================
    1300px
----------------------------------------------------------------------*/
@media only screen and (max-width:1300px){

	.crewpage .crew a {
		font-size: 14px;
	}
	
	.crewpage .crewcopy {
		font-size: 14px;
	}
	
	.footerpadding {
		padding-bottom: 375px !important;
	}
	
	#outer_div #inner_div {
		width: 125% !important;
	}
	
	#story {
		background-size: 125%;
	}
	
	#story:hover {
		background-size: 135%;
	}
	
	#inner_div4 {
		width: 250%;
	}
	
	#inner_div2 {
		width: 140%;
	}
	
	#agecheck #truck img {
		width:70vw;
	}
	
	#taproom h1 {
	    font-size: 32px !important;
	}
	
	#taproom_menu .tap_row a,  #taproom_menu .tap_row .title {
	    font-size: 23px;
	}
	
	#menu div {
	    padding: 0 9px;
	}

}


/*======================================================================
    1200px
----------------------------------------------------------------------*/
@media only screen and (max-width:1200px){

	#menu a {
		font-size: 21px;
	}
	
	#menu div ul li {
		margin: 0 9px;
	}
	
	.text {
		width: 50%;
	}
	
	.submit {
		padding: 5px 8px;
	}
	
	#events #signup {
		width: calc(100% - 30px);
		padding: 15px 15px 0px 15px;
		font-size:15px;
	}
	
	#events #dates {
	    height: calc(80vh - 225px);
	}


	
	.crewpage .crew a {
		font-size: 12px;
	}
	
	.crewpage .crew .info h2 {
		font-size: 24px;
		line-height:26px;
	}
	
	.hashtag h4 {
		font-size: 17px;
	}
		
	.footerpadding {
		padding-bottom: 325px !important;
	}
	
	#outer_div #inner_div {
		width: 140% !important;
	}
	
	#inner_div2 {
		width: 160%;
	}
	
	#inner_div4 {
	    width: 275%;
	}
	
	#story {
		background-size: 135%;
	}
	
	#story:hover {
		background-size: 145%;
	}
	
	#inner_div3 {
	    width: 190%;
	}
	
	#agecheck #agecheck_content h1 {
		font-size: 45px;
	}
	
	#agecheck #truck img {
		width:75vw;
	}
	
	/*==================================================
		Page: Awards
	--------------------------------------------------*/
	div.page-awards div.page-wrapper div.award-intro{
		width:calc(100% / 3 * 2 - 30px);
	}
	div.page-awards div.page-wrapper div.award{
		width:calc(100% / 3 - 30px);
	}
	div.page-awards div.page-wrapper div.award-random{
		display:none;
	}
	div.page-awards div.page-wrapper div.award-wide{
		display:none;
	}
	
	/*==================================================
		Page: Beers
	--------------------------------------------------*/
	div.page-beers div.page-wrapper div.beer-intro{
		width:calc(100% / 3 * 2 - 30px);
	}
	div.page-beers div.page-wrapper div.beer{
		width:calc(100% / 3 - 30px);
	}
	
	
	#product_text h1, .product_row .product_text h1 {
	    font-size: 38px !important;
	    line-height: 38px !important;
    }
    
    #product_text h2, .product_row .product_text h2 {
	    font-size: 38px !important;
	    line-height: 75px;
    }
    
    
    .product_amount_price input {
	    width: 50px;
	}
	
	#taproom {
	    padding: 70px 90px;
	    font-size: 17px;
	}
	
	#taproom_menu .tap_row a,  #taproom_menu .tap_row .title {
	    font-size: 21px;
	}
	
	#nav_about {
		font-size: 21px;
		padding-top: 4px !important;
	}
	
	#menu div {
	    padding: 0 8px;
	}
	
	.events_box {
	    width: calc(100% / 3 - (60px / 3));
	    background-color: grey;
	}

}




/*======================================================================
    1100px
----------------------------------------------------------------------*/
@media only screen and (max-width:1100px){

	#menu a {
		font-size: 18px;
	}
	
	#menu div ul li {
		margin: 0 8px;
	}
	
	#menu #logo {
		width: 150px;
		height: auto;
	}
	
	.crewpage .crew {
		width: calc(100% / 3 - 30px);
	}
	
	.page-awards .awards, .page-press .press, .page-beers .beers {
		width: calc(100% / 3 - 30px);
	}
	
	.crewpage .double {
		width: calc(100% / 3 * 2 - 30px);
	}
	
	.page-awards .double, .page-press .double, .page-beers .double {
		width: calc(100% / 3 * 2 - 30px);
	}
	
	.crewpage .crew a {
		font-size: 15px;
	}
	
	.crewpage .crew .info h2 {
		font-size: 26px;
		line-height:28px;
	}
	
	.hashtag h4 {
		font-size: 15px;
	}
	
	.blackcover h3 {
		    font-size: 38px !important;
	}
	
	.headerimage {
		height: 300px;
	}
	
	#contact_form {
		float: right;
		width: calc(50% - 30px);
	}
	
	#contact_text {
		float: left;
		width: calc(50% - 20px);
	}
		
	.column_50 { 
		float: none;
		width: 100%;
		padding-bottom: 0;
		padding: 0 !important;
	}
	
	.column_50:first-of-type {
		padding-bottom: 20px !important;
	}
	
	.column_50 h1 {
		font-size: 26px;
	}

	.event_title {
		font-size: 23px;
	}
	
	#events #dates #date_align #event_copy {
		font-size: 16px;
	}
	
	#outer_div #inner_div {
		width: 130% !important;
	}
	
	#inner_div2 {
		width: 150%;
	}
	
	#outer_div #inner_div {
		width: 160% !important;
	}
	
	#inner_div2 {
		width: 180%;
	}
	
	#inner_div4 {
	    width: 310%;
	}
	
	#story {
		background-size: 145%;
	}
	
	#story:hover {
		background-size: 155%;
	}
	
	/*==================================================
		Page: Beer (Content)
	--------------------------------------------------*/

	div.page-beer div.page-wrapper div.page-content div.content-right{
		margin-top:0px;
	}
	
	
	#product_text h1, .product_row .product_text h1 {
	    font-size: 34px !important;
	    line-height: 34px !important;
    }
    
    #product_text h2, .product_row .product_text h2 {
	    font-size: 34px !important;
	    line-height: 65px;
    }
    
    #product_image {
	    padding: 0px 0 0 0;
	    margin-left: 5% !important;
	    float: left;
	    width: calc(45% - 40px) !important;
	    max-width: 700px;
	    border: 10px solid #fff;
	}
		
	#tour #outer_div {
		background-image: url('images/tour_mobile.gif');
		background-size: cover;
		background-position: center center; 
	}
	
	
	#tour #outer_div #inner_div, #inner_div3, #find #inner_div {
		display: none;
	}
	
	#people #outer_div2 {
		background-image: url('images/crew_mobile.gif');
		background-size: cover;
		background-position: center center; 
	}
	
	
	#awards #outer_div3 {
		background-image: url('images/award.gif');
		background-size: cover;
		background-position: center center; 
	}
	
	#inner_div2, #inner_div4 {
		display: none;
	}
	
	.offset_up2  {
		background-image: url('images/shops.gif');
		background-size: cover !important;
		background-position: center center; 
	}
	
	.findbeer #search #radius {
		width: calc(40% - 19px);
	}
	
	.page-beer .testimonials {
		display: none;
	}
	
	.blockoverlay .blackcover .divstory {
		background-color: #293860 !important;
		opacity: 1;
		width: 100%;
		border: 0 !important;
		vertical-align: bottom !important;
	}
	
	.blockoverlay .blackcover {
		background-color: transparent !important;
		opacity: 1 !important;
	}
	
	

	.blocks .divstory_row, .blocks .blackcover {
		vertical-align: bottom !important;
	}
	
	#square2 .blackcover div {
		vertical-align: bottom;
		padding-bottom: 0px;
	}
	
	#square2 .blockoverlay {
		margin-bottom: 0px;
	}
	
	#square2 .blackcover {
		padding-bottom: 0px;
	}
	
	#press .blackcover .divstory {
		padding: 10px 0 15px 0;
	}
	
	.blackcover h3 {
		    font-size: 33px !important;
	}
	
	.brew_text {
		height: calc(50vh - 10px) !important;
	}
	
	.brewarea {
		height: calc(30vh - 10px) !important;
	}
	
	.bluebar {
		height: calc(30vh - 30px) !important;
	}
	

	#taproom {
	    padding: 60px;
	    font-size: 16px;
	}
	
	#taproom h1 {
	    font-size: 28px !important;
	}
	
	#taproom_menu_artwork {
		display: none;
	}
	
	#taproom_menu {
		width: 100%;
	}
	
	#nav_about {
		font-size: 18px;
	}
	
	#nav_about_menu {
		width: 160px;
	}
	
	#menu div.open {
	    padding-top: 0px;
		padding-bottom: 0px;
	}
	
	#nav_about {
	    padding-top: 6px !important;
	}
	
	#nav_about_menu a {
	    font-size: 16px;
	}
	
	
		
	
}




/*======================================================================
    1000px
----------------------------------------------------------------------*/
@media only screen and (max-width:1000px){

	#menu a {
		font-size: 18px;
	}
	
	#menu div ul li {
		margin: 0 5px;
	}
	
	#menu #logo {
		width: 130px;
		height: auto;
	}
	
	.blocks h2 {
		font-size: 38px;
	}
	
	.blocks h4 {
		font-size:16px;
		line-height: 19px;
	}
	
	
	#events #signup {
		font-size:13px;
	}
	
	.text {
		background-color: #fff;
		border: 0;
		height: 28px;
		color: #636363;
		padding: 4px 9px;
		font-size: 12px;
		margin-top: 10px;
		width: 60%;
		vertical-align: bottom;
	}
	
	.submit {
		padding: 4px 9px;
		background-color: #ffaa51;
		border: 0;
		font-size: 12px;
		color: #fff;
		height: 36px;
		vertical-align: middle;
		vertical-align: bottom;
	}
	
	#footer_text {
		font-size: 24px;
	}
	
	
	#events #dates #date_align #event_copy {
		font-size: 18px;
		line-height: 20px;
	}
	

	
	.signup_break {
		display: none;
	}
	
		
	
	#events #signup {
		font-size: 15px;
	}
	
	.findbeer #search_results .result_location {
		width: calc(40% - 30px);
		padding-right: 10px;
	}
	
	#agecheck #agecheck_content #logo_large {
		width: 210px;
	}
	
	.crewpage .crew a {
		font-size: 13px;
	}

	.crewpage .crew .info h2 {
		font-size: 25px;
		line-height:27px;
	}
	
	.crew h2, .awards h2, .press h2, .beers h2 {
		font-size: 38px;
	}
	
	.join_crew h2 {
		font-size: 28px;
	}
	
	
	
	
	
	#square5 .offset_up2 {
		background-size: 130%;
	}
	
	#square5 .offset_up2:hover {
		background-size: 140%;
	}
	
	.headerimage {
		height:250px;
	}
	
	.header_title {
		padding: 20px 40px;
		font-size: 36px;
	}
	
	.bodycopy {
		padding: 20px 40px;
		line-height: 21px;
		font-size: 16px;
	}
	
	.bluebox {
		border-radius: 10px;
		padding: 10px 25px;
		margin: 10px 0 10px 0px;
		width: calc(100% - 50px);
		float: none;
		display: none;
	}

	
	
	
	
	#outer_div #inner_div {
		width: 140% !important;
	}
	
	#inner_div2 {
		width: 160%;
	}
	
	#story {
		background-size: 160%;
	}
	
	#story:hover {
		background-size: 170%;
	}
	
	#outer_div #inner_div {
	    width: 165% !important;
	}
	
	#inner_div2 {
	    width: 190%;
	}
	
	#inner_div4 {
	    width: 335%;
	}
	
	#inner_div3 {
	    width: 220%;
	}
	
	
	
	
	
	.findbeer h3 {
		font-size: 29px;
	}

	.sidebars {
		width: 175px;
	}
	
	.bodycopy_left {
		width: calc(100% - 235px); 
	}
	
	.widgettitle {
		font-size: 22px;
	}
	
	#agecheck #agecheck_content h1 {
		font-size: 40px;
	}


	div.page-beer div.page-wrapper div.page-header div.table-container div.table-wrapper table tr td div.table-content h1.beer-name{
		font-size:38px;
		line-height: 35px;
	}
	div.page-beer div.page-wrapper div.page-header div.table-container div.table-wrapper table tr td div.table-content h2.beer-category{
		font-size:26px;
	}
	
	div.page-beer div.page-wrapper div.page-header{
		height: 350px;
	}
	
	
	
	
	#agecheck #truck img {
		width:85vw;
		padding-bottom: 70px;
	}
	
	
	.sidebars {
		display: none;
	}
	
	.bodycopy_left {
		width: 100%;
	}
	
	
	#product_text h1, .product_row .product_text h1 {
	    font-size: 30px !important;
	    line-height: 30px !important;
    }
    
    #product_text h2, .product_row .product_text h2 {
	    font-size: 30px !important;
	    line-height: 60px;
    }
    
    .custom_page {
	    width: calc(100% - 60px);
	    padding: 0 30px;
    }
    
    
    .tribe-events-venue-details .org {
	    font-size: 20px;
    }

	#taproom {
	    padding: 50px;
	    font-size: 16px;
	}
	
	#taproom h1 {
	    font-size: 26px !important;
	}
		
	#menu a {
	    font-size: 17px;
	}	
	
	#menu div {
	    padding: 0 4px;
	}	
	
	#taproom_sections h1 {
		font-size: 39px !important;
		line-height: 44px;
	}
		
}



 
/*======================================================================
    900px
----------------------------------------------------------------------*/
@media only screen and (max-width:900px){


	div.page-beer div.page-wrapper div.page-content div.content-left, div.page-beer div.page-wrapper div.page-content div.content-right {
		width: 100%;
		margin: 0;
	}
	
	
	#hamburger {
		display: block;
	}
	
	.blocks {
		margin: 10px;
	}
	
	.wrapper {
		width: calc(100% - 20px);
		margin: 0 auto;
	}
	
	#blocks .largeblock {
		width: calc(50% - 20px);
		height: calc(75vh - 30px);
	}
	
	#blocks .half_height {
		width: calc(50% - 20px);
		height: calc(75vh / 2 - 24px);
	}
	
	#blocks .third_width {
		width: calc(27% - 20px);
		height: calc(80vh - 20px);
	}
	
	#blocks .square {
		width: calc(23% - 20px);
		height: calc(30vh - 20px);
	}
	
	#blocks .rectangle {
		width: calc(30% - 20px);
		height: calc(30vh - 20px);
	}
	
	#blocks .vertical_rectangle {
		height: calc(30vh - 20px);
		width: calc(20% - 20px);
	}
	
	#blocks .medium_square {
		width: calc(30% - 10px);
		height: calc(50vh - 20px);
	}
	
	#blocks .medium_square2 {
		width: calc(43% - 30px) !important;
	}
	
	#blocks #square2 {
		width: calc(22% - 23px) !important;
	}
	
	#blocks #square3  {
		width: calc(14% + 5px);
		margin-top: calc(-30vh + 25px);
		height: calc(30vh - 30px);
	}
	
	#blocks #square3 .offset_up {
		width: calc(14% + 2px);
	}
	
	#blocks #square4  {
		margin-top: calc(-30vh + 25px);
		width: calc(15% - 10px);
		height: calc(30vh - 30px);
	}
	
	#blocks #square5 {
		margin-top: calc(-30vh + 25px);
		width: calc(28% - 45px);
	}
		
	#blocks .offset_down {
		background-color: #f3f3eb;
		height: calc(60vh - 20px);
		width: calc(20% - 25px);
	}
	
	#blocks .offset_up {
		background-color: #f3f3eb;
		margin-top: 0;
		width: calc(15% - 13px);
		height: calc(30vh - 30px);
	}
	
	#blocks .offset_up2 {
		background-color: #f3f3eb;
		margin-top: 0;
	}
	
	#blocks .offset_up3 {
		background-color: #f3f3eb;
		margin-top: 0;
		width: calc(100% - 40px);
	}
	
	#blocks .fullwidth {
		width: calc(100% - 20px);
	}
	
	#beers .beer_image {
		width: auto;
		height: 150px;
	}
	
	#menu #logo {
		display: none; 
	}
	
	#menu ul {
		display: none;
	}
	
	
	.sidebar {
		width: 200px;
		height: 100%;
		background-color: #293861;
		transition:all 0.4s ease;
		-webkit-transition:all 0.4s ease;
		position:fixed;
		right: 0;
		display: block;
	}

	.sidebar_active {
		margin-right: 0;
	}
	
	.website_wrapper {
		position:absolute;
		top:0;
		right:0;
		bottom:0;
		left:0;
		-webkit-transition:all 0.4s ease;
	}
	
	.website_active {
		margin-right: 200px;
		margin-left: -200px;
	}

	#footer {
		margin-top: 0;
	}
	
	#blocks .offset_up3 {
		position: relative;
	}
	
	#events #dates {
	    height: calc(80vh - 215px);
	}
		
	#event_copy h2, h5 {
		font-size: 18px !important;
		display: inline;
		font-weight: 500 !important;
	}
	
	#event_copy h5 {
		padding-right: 3px;
		font-weight: 700 !important;
	}
	
	#event_copy h2 {
		padding-left: 3px;
		font-weight: 700 !important;
	}
	
	#footer_text {
		font-size: 22px;
	}
	
	#footer_text div {
		line-height: 25px; 
	}
	
	#navigation {
		min-height: 0px;
	}
	
	#menu {
		min-height: 0px;
	}
	
	#mobile_logo {
		display: block;
		width: 100%;
		height: calc(25vh + 10px);
		position: relative;
		padding-bottom: 20px;
	}	
	
	#mobile_logo img {
		height: calc(100% - 50px);
		padding: 25px;
	}
	
	.findbeer #search {
		width: calc(100% - 40px);
	}
	
	.findbeer #maparea {
		width: 100%;
	}
	
	.findbeer #search {
		min-height: 200px;;
	}
	
	.findbeer #beerlist {
		height: 0px;
	}
	
	.findbeer .beer_columns {
		width: 50%;
		float: left;
		padding-bottom: 20px;
	}
	
	.findbeer #search_results .result_location h4 {
		font-size: 22px;
		line-height: 25px;
	}
	
	.findbeer h3 {
		font-size: 28px;
	}
	
	.findbeer, .crewpage, .page-awards, .page-beers  {
		width: calc(100% - 40px);
	}
	
	.crewpage .crew {
		width: calc(100% / 3 - 20px);
		margin: 10px;
	}
	
	.page-awards .awards, .page-press .press, .page-beers .beers {
		width: calc(100% / 3 - 20px);
		margin: 10px;
	}
	
	.crewpage, .page-awards, .page-press, .page-beers {
		width: calc(100% - 20px);
		padding: 0 10px;
	}
	

	
	.crewpage .double, .page-awards .double, .page-press .double, .page-beers .double {
		width: calc(100% / 3 * 2 - 20px);
	}
	
	#square5 .offset_up2 {
		background-size: 150%;
	}
	
	#square5 .offset_up2:hover {
		background-size: 160%;
	}
	
	.header_title {
		padding: 20px 40px;
		font-size: 36px;
	}
	
	.secondary {
		width: calc(100% - 40px);
		padding: 0 20px;
		margin-top: 10px;
	}
		
	.divstory {
		margin-bottom: -10px !important;
	}

	.bluebar {
		height: calc(30vh - 40px) !important;
	}
	
	#event_link {
		display: none;
	}
	
	.tribe-events-list {
		margin-top: 0px;
	}
	
	.tribe-events-single-section {
		width: calc(100% - 50px);
		margin-top: 0;
		margin-bottom: 20px;
	}
	
	.tribe-events-single-event-description {
		width: calc(100% - 0px);
		margin-right: 0;
	}
	
	.tribe-events-event-image {
		width: 100%;
	}
	
	.tribe-events-event-image img {
		max-width: 75%;
	}
	
	#outer_div #inner_div {
		width: 150% !important;
	}
	
	#inner_div2 {
		width: 180%;
	}
	
	#story .divstory {
		margin-bottom: -5px !important;
	}
	
	#awards .divstory {
		margin-bottom: -5px !important;
	}
	
	
	#outer_div #inner_div {
	    width: 180% !important;
	}
	
	#inner_div2 {
	    width: 210%;
	}
	
	#inner_div4 {
	    width: 355%;
	}
	
	#inner_div3 {
	    width: 255%;
	}
	
	#square2 {
		height: calc(30vh - 10px);
	}
	
	/*==================================================
		Container
	--------------------------------------------------*/
	div.page-container{
		padding:0px 20px;
	}
	
	/*==================================================
		Page: Awards
	--------------------------------------------------*/
	div.page-awards div.page-wrapper div.award-intro{
		width:calc(100% / 3 * 2 - 20px);
		margin:10px;
	}
	div.page-awards div.page-wrapper div.award-intro img{
		width:calc(100% / 2 - 10px);
	}
	div.page-awards div.page-wrapper div.award{
		width:calc(100% / 3 - 20px);
		margin:10px;
	}
	
	/*==================================================
		Page: Beers
	--------------------------------------------------*/
	div.page-beers div.page-wrapper div.beer-intro{
		width:calc(100% / 3 * 2 - 20px);
		margin:10px;
	}
	div.page-beers div.page-wrapper div.beer-intro img{
		width:calc(100% / 2 - 10px);
	}
	div.page-beers div.page-wrapper div.beer{
		width:calc(100% / 3 - 20px);
		margin:10px;
	}
	
	div.page-beer div.page-wrapper div.page-header div.table-container div.table-wrapper table tr td div.table-content {
	    max-width: calc(100% - 60px);
	    margin: 0 auto;
	}
	
	#agecheck #truck img {
		width:90vw;
		padding-bottom: 70px;
	}
	
	
	#product_text h1, .product_row .product_text h1 {
	    font-size: 25px !important;
	    line-height: 25px !important;
    }
    
    #product_text h2, .product_row .product_text h2 {
	    font-size: 25px !important;
	    line-height: 50px;
    }
    
    .product_row img {
	    float: left;
	    padding-right: 30px;
	    height: 150px !important;
	    width: auto;
	}
	
	.product_row .total {
	    font-size: 25px !important;
	}
	
	.product_row .product_amount_label {
	    font-size: 20px !important;
	}
	
	
	
	.content {
	    width: calc(100% - 40px);
	}


	.shopwrapper {
	    top: calc(25vh + 10px) !important;
	}

	.shopwrapper .inside {
		width: calc(100% - 60px)
	}
	
	
	.cycle-slideshow a {
		height: calc(75vh - 30px);
	}
	
	#menu div {
	    display: none;
	}
	
	#events #dates {
	    height: calc(70% - 30px) !important;
	}
	
	#events #signup {
	    height: 30% !important;
	}
}
 
/*======================================================================
    800px
----------------------------------------------------------------------*/
@media only screen and (max-width:800px){


	.blocks h2 {
		font-size: 33px;
		line-height: 30px;
	}
	
	.blocks h4 {
		font-size:14px;
		line-height: 17px;
	}
	
	#event_copy h2, h5 {
		font-size: 15px !important;
	}
	
	.findbeer #search_results .result_location {
		width: calc(100% - 30px);
		padding-bottom: 10px;
	}
	
	.findbeer #search_results .result_location h4 {
		display: inline;
		padding-right: 10px;
	}
	
	.findbeer #search_results .result_beers {
		padding-left: 20px;
		padding-bottom: 10px;
		width: 100%;
	}
	

	.findbeer #search_results .result_address {
		width: calc(100% - 20px);
		padding-left: 20px;
		padding-bottom: 10px;
	}

	.findbeer #search_results #search_results_beertitle {
		display: none;
	}
	
	
	.findbeer #search_results #search_results_address {
		display: none;
	}
	
	.findbeer #search_results #search_results_title {
		width: calc(100% - 30px);
	}
	
	
	#agecheck #agecheck_content #logo_large {
		width: 180px;
	}
	
	.crewpage .crew a {
		font-size: 11px;
	}
	
	.crewpage .crew .info h2 {
		font-size: 21px;
		line-height:23px;
	}
	
	.crewpage .crewcopy {
		font-size: 12px;
	}
	
	.crew h2, .page-awards h2, .page-press h2, .page-beers h2 {
		font-size: 33px;
	}
	
	.join_crew h2 {
		font-size: 25px;
	}
	
	.blackcover h3 {
		    font-size: 30px !important;
	}
	
	.headerimage {
		height: 200px;
	}
	
	.header_title {
		padding: 20px 40px;
		font-size: 36px;
		line-height: 39px;
	}
	
	.sidebars {
		padding-left: 20px;
		width: 150px;
	}
	
	.bodycopy_left {
		width: calc(100% - 190px);
	}
	
	.tourpage #slideshow {
		float: none;
		width: calc(100% - 0px);
		padding-left: 0px;
		padding-bottom: 20px;
	}
	
	.tourpage #slideshow .cycle-slideshow {
		width: calc(50% - 10px);
		float: left;
	}
	
	.tourpage #slideshow .cycle-slideshow:first-of-type {
		margin-right: 10px;
	}
	
	.tourpage #slideshow .cycle-slideshow:last-of-type {
		margin-left: 10px;
	}
	
	.tourpage #slideshow br {
		display: none;
	}
	
	.tourpage .clear {
		display: block;
	}

	.footerpadding {
		padding-bottom: 250px !important;
	}
	
	#contact_text {
		float: none;
		width: 100%;
	}
	
	#contact_form {
		float: none;
		width: 100%;
		padding: 0;
	}
	
	#outer_div #inner_div {
		width: 210% !important;
	}

	#inner_div2 {
		width: 230%;
	}
	
	#square2 #inner_div  div {
		padding-bottom: 0 !important;
	}
	
	.instagram1 {
	    height: calc(30vh - 20px);
	}	
	
	#inner_div4 {
	    width: 420%;
	}
	
	#awards .brew_text {
	    height: 50vh !important;
	}
	
	#story {
		background-size: 170%;
	}
	
	#story:hover {
		background-size: 180%;
	}
	
	#inner_div3 {
	    width: 320%;
	}
	
	#awards .divstory {
		margin-bottom: 0px !important;
	}
	
	.page-awards .awards .award_titles span {
		font-size: 18px;
	}
	
	#agecheck #agecheck_content h1 {
		font-size: 35px;
	}
	
	/*==================================================
		Page: Awards
	--------------------------------------------------*/
	div.page-awards div.page-wrapper div.award-intro{
		width:calc(100% - 20px);
	}
	div.page-awards div.page-wrapper div.award-intro div.table table tr td{
		line-height:1;
		text-align:left;
		padding:0px 0px 30px 30px;
		vertical-align:bottom;
	}
	div.page-awards div.page-wrapper div.award-intro div.table table tr td span{
		border:0px none;
	}
	div.page-awards div.page-wrapper div.award{
		width:calc(100% / 2 - 20px);
	}
	
	/*==================================================
		Page: Beers
	--------------------------------------------------*/
	div.page-beers div.page-wrapper div.beer-intro{
		width:calc(100% - 20px);
	}
	div.page-beers div.page-wrapper div.beer-intro div.table table tr td{
		line-height:1;
		text-align:left;
		padding:0px 0px 30px 30px;
		vertical-align:bottom;
	}
	div.page-beers div.page-wrapper div.beer-intro div.table table tr td span{
		border:0px none;
	}
	div.page-beers div.page-wrapper div.beer{
		width:calc(100% / 2 - 20px);
	}
	
	div.page-beer div.page-wrapper div.page-header{
		height: 300px;
	}
	
	div.page-beer div.page-wrapper div.locator-container p.beer-name {
		font-size: 35px;
	}
	
	div.page-beer div.page-wrapper div.locator-container p {
		font-size: 26px;
	}
	
	div.page-beer div.page-wrapper div.locator-container {
	    padding: 40px 20px;
	}
	
	div.page-beer div.page-wrapper div.page-content div.social h4 {
		font-size: 25px;
		line-height: 27px;
	}
	
	
	.product_row img {
	    height: 120px !important;
	}
	
	.product_row .total {
	    font-size: 22px !important;
	    font-weight: 400 !important;
	}
	
	.product_row .product_amount_label {
	    font-size: 17px !important;
	}
	
	#product_text h1, .product_row .product_text h1 {
	    font-size: 22px !important;
	    line-height: 22px !important;
    }
    
    #product_text h2, .product_row .product_text h2 {
	    font-size: 22px !important;
	    line-height: 50px;
    }
    
    
    .table-cell {
	    display: block;
	    width: calc(100% - 40px);
	}
	
	#taproom_hours .table-cell {
	    padding: 50px 20px;
	}
		
	#taproom_sections .row .table-cell {
		width: 100%;
	}
	
}
 
/*======================================================================
    700px
----------------------------------------------------------------------*/
@media only screen and (max-width:700px){


	.crewpage .crew .link {
		display: block;
	}


	#events #dates {
	    height: calc(70vh - 196px);
	}
	
	
	div.page-beer div.page-wrapper div.page-content div.testimonials {
		display: block;
	}
	
	
	#blocks .third_width {
		width: calc(40% - 20px);
		height: calc(70vh - 21px);
	}
	
	#blocks #pint, #blocks #tap  {
		display: none;
	}
	
	#blocks #people {
		width: calc(60% - 20px);
		height: calc(35vh - 20px);
	}
	
	#blocks .medium_square {
		width: calc(38% - 17px);
		height: calc(35vh - 19px);
	}
	
	#blocks .medium_square2 {
		width: calc(40% - 20px) !important;
		height: calc(35vh - 20px);
	}

	#blocks #square2 {
		height: calc(35vh - 20px);
	}

	#blocks #square4  {
		display: none;
	}
	
	#blocks #square5 {
		margin-top: 10px;
		width: calc(30% - 20px) !important;
		height: calc(35vh - 20px);
	}

	#blocks #square3  {
		margin-top: 10px;
		width: calc(30% - 20px);
		height: calc(35vh - 20px);
	}
	
	#blocks .offset_up3 {
		height: calc(35vh - 20px);
	}
	
	#blocks .fullwidth {
		height: calc(35vh - 20px);
	}
	
	#blocks .offset_up2 {
		height: calc(35vh - 20px);
		width: calc(30% - 25px) !important;
	}

	#blocks .offset_up {
		height: calc(35vh - 20px);
		width: calc(30% - 25px) !important;
	}
	
	

	
	.blocks h2 {
		font-size: 28px;
		line-height: 30px;
	}
	
	.blocks h4 {
		font-size:14px;
		line-height: 17px;
	}

	#signup {
		margin-top: -20px;
	}

	#signup img {
		margin-top: -10px;
	}
	
	#event_copy h2, h5 {
		font-size: 18px !important;
	}
	
	
	#agecheck #agecheck_content #logo_large {
		width: 150px;
	}
	
	#agecheck #agecheck_content h1 {
		font-size: 26px;
	}

	.crewpage .crew, .page-awards .awards, .page-press .press, .page-beers .beers {
		width: calc(100% / 2 - 20px);
		margin: 10px;
	}
	
	.crewpage .double, .page-awards .double, .page-press .double, .page-beers .double {
		width: calc(100% - 20px);
	}
	
	.viewbio, .crewcopy {
		display: none;
	}
	
	.crewpage .crew {
		display: table;
	}
	
	.page-awards .awards, .page-press .press, .page-beers .beers {
		display: table;
	}
	
	.crewpage .crew .info {
		display: table-cell !important;
		vertical-align: bottom;
		opacity: 1 !important;
		background-color: transparent;
	}
	
	.crewpage .crew .info .copy {
		display: block;
		background-color: #29395f;
	}
	
	.crewpage .crew .info {
		height: auto !important;
		bottom: 0;
	}
	
	.crewpage .crew .info h2 {
		font-size: 24px;
	}
	
	.crewpage .crew .info .viewbio, .crewpage .crew a {
		font-size: 14px;
		line-height: 17px;
	}
	
	.crew h2, .awards h2, .press h2, .beers h2 {
		font-size: 36px;
	}
	
	.hashtag h4 {
		font-size: 13px;
	}
	
	.crew img, .awards img, .press img, .beers img {
		display: none;
	}
	
	.crew div, .awards div, .press div, .beers div {
		vertical-align: bottom !important;
		text-align: left !important;
	}
	
	#crew_5 .join_crew {
		vertical-align: middle !important;
		text-align: center !important;
	}
	
	.crew div .tourtitle, .awards div .tourtitle, .press div .tourtitle, .beers div .tourtitle {
		border: 0px !important;
		padding-left: 40px;
		padding-bottom: 15px !important;
	}
	
	.head_image {
		height: 200px !important;
	}
	
	#outer_div2 {
		width: calc(65vh - 20px);
		height: calc(35vh - 20px);
	}
	
	.brew_text {
		height: calc(35vh - 20px) !important;
	}
	
	#inner_div3 {
		width: 210%;
	}
	
	.bluebar { 
		height: calc(35vh - 30px) !important;
	}
	
	.instagram1, .instagram3 {
		height: calc(35vh - 20px) !important;
	}
	
	#inner_div2 {
		width: 150%;
	}

	#outer_div3  {
		height: calc(30vh - 30px);
	}
	
	#awards .brew_text {
		height: 35vh !important;
	}
	
	#story .divstory {
		margin-bottom: 0 !important;
	}

	.about .button_link {
		display: block;
		margin-bottom: -20px;
	}
	
	.about .button {
		width: 100%;
	}
	
	.page-awards .awards .award_titles span {
		font-size: 20px;
	}
	
	
	.bodycopy_left {
		width: 100%;
	}
	
	.sidebars {
		width: 100%;
		border: 0;
		border-top: 1px solid #374168;
		padding: 0;
		padding-top: 30px;
	}
	
	.header_title {
		line-height: 34px;
	}
	
	
	#agecheck #agecheck_content .button {
		font-size: 25px;
	}
	
	/*==================================================
		Page: Beer (Content: Social)
	--------------------------------------------------*/
	div.page-beer div.page-wrapper div.page-content div.social ul li{
		width:calc(50% - 20px);
	}
	
	div.page-beer div.page-wrapper div.page-header div.table-container div.table-wrapper table tr td div.table-content h1.beer-name {
	    font-size: 32px;
	    line-height: 29px;
	}
	
	div.page-beer div.page-wrapper div.page-header div.table-container div.table-wrapper table tr td div.table-content h2.beer-category {
	    font-size: 22px;
	}
	
	div.page-beer div.page-wrapper div.page-header div.table-container div.table-wrapper table tr td div.table-content ul.beer-stats li p span {
	    font-size: 30px;
	}
	
	#press {
	    height: calc(35vh - 30px);
	}
	
	#press .blackcover .divstory {
		padding: 10px 0 15px 0;
	}
	
	 .product_row img {
	    float: left;
	}
	
	.product_row .product_amount_price, .product_row .product_amount_label {
	    width: 25% !important;
    }
	
	.product_row .product_text {
	    width: 70% !important;
	    padding-bottom: 30px;
	}
	
	.product_row img {
	    width: calc(30% - 30px) !important;
	    height: auto !important;
	}
	
	#product_text h2, .product_row .product_text h2 {
		line-height: 30px !important;
	}
	
	
	.product_row .product_amount_label {
	    width: 50% !important;
	    text-align: right;
	}
	
	.product_row .product_amount_label {
		float: none !important;
	}
	
	#product_text {
	    padding: 60px 0 0 40px !important;
	    float: left;
	    text-align: left;
	    vertical-align: top;
	    width: 40%;
	}
	
	#agecheck_content #logo {
		max-width: 450px;
	}
	
	.big {
		width: 500px !important;
		margin-left: -250px;
	}
	
	.crewpage .crew .info .copyexpand {
		width: 420px;
	}
	
	.tap_row .half {
	    width: 100%;
	    float: none;
	    padding-bottom: 15px;
	}
	
	#taproom_menu .tap_row {
	    padding: 0px;
	}
	
	.crewpage .crew .bigmobile {
	    height: auto !important;
	}
	
	#events #signup {
	    height: 25% !important;
	}

	#events #dates {
	    height: calc(75% - 25px) !important;
	}
	
	#events #signup form {
		margin-bottom: 10px;
	}

}
 
/*======================================================================
    600px
----------------------------------------------------------------------*/
@media only screen and (max-width:600px){

	
	
	#events #signup {
		height: auto;
	}
	
	
	.cycle-slideshow .slideshow .slide div {
	}
	
	.blocks h2 {
		font-size: 43px;
		line-height: 45px;
	}
	
	.blocks h4 {
		font-size: 20px;
		line-height: 24px;
	}
	
	#blocks .third_width {
		width: calc(100% - 20px);
		height: auto;
	}
	
	#blocks .largeblock {
		width: calc(100% - 20px);
		height: calc(75vh - 30px);
	}
	
	#blocks .half_height {
		width: calc(100% - 20px);
	}
	
	#blocks #pint, #blocks #tap  {
		display: block;
	}
	
	#blocks #pint, #blocks #people {
		width: calc(50% - 20px);
		height: calc(75vh / 2 - 24.5px);
	}
	
	#blocks .offset_down {
		width: calc(50% - 30px);
		height: calc(75vh / 2 - 24.5px);
	}
	
	#blocks #square5, #blocks #square3 {
		width: calc(50% - 20px) !important;
		height: calc(75vh / 2 - 24.5px);
	}
	
	#blocks #square3 .offset_up, #blocks .offset_up2 {
		width: calc(50% - 30px) !important;
		height: calc(35vh - 10px);
	}
	

	#blocks #square2, #blocks #tap {
		display: none;
	}
	
	#blocks .medium_square {
		width: calc(100% - 20px);
		height: calc(75vh / 2 - 24.5px);
	}
	
	#blocks .medium_square2 {
		width: calc(100% - 20px) !important;
		height: calc(35vh - 20px);
	}

	#blocks .fullwidth, #blocks .offset_up3 {
		height: auto;
	}
	
	#blocks .offset_up3 {
		padding: 20px 0;
	}
	
	#prev, #next {
		height: calc(100% - 40px);
	}
	
	#event_copy h2, h5 {
		font-size: 32px !important;
	}
	
	.news_break {
		display: none;
	}
	
	#signup {
		margin-top: 0;
	}
	
	#signup .text, #signup .submit {
		display: inline-block;
	}
	
	.submit_break {
		display: block;
	}
	
	#events #signup img {
		padding-top: 25px;
	}
	
	#events #signup {
		font-size: 17px;
	}
	
	#footer_text {
		font-size: 19px;
	}
	
	#footer #established, #footer #texas {
		width: 60px;
		height: auto;	
	}
	
	#events #dates #date_align #event_copy {
		line-height: 23px;
	}
	
	#awards{
		background-size: 100%;  
	}

	#square5 #inner_div3 {
		display: none;
	}
	
	#square5 .offset_up2 {
		background-color: transparent !important;
	}
	
	#people #outer_div2 #inner_div2 {
		display: none;
	}
	
	#events #dates #date_align #event_copy {
		font-size: 20px;
		line-height: 25px;
		font-weight: 600;
	}
	
	.submit { 
		margin-left: -2px;
	}
	
	.findbeer .beer_columns {
		width: 100%;
		float: none;
		padding-bottom: 0px;
	}
	
	#agecheck #agecheck_content #logo_large {
		width: 130px;
	}
	
	#agecheck #agecheck_content h1 {
		font-size: 35px;
	}
	

	
	video#bgvid { 
		display: none;
	}
	
	#bgimage { 
		display: block;
	}
	
	.crewpage .crew .info h2, .page-awards .awards .info h2 {
		font-size: 20px;
	}
	
	.crewpage .crew .info .viewbio, .crewpage .crew a {
		font-size: 12px;
		line-height: 13px;
	}
	
	
	.crewpage .crew .info .copy {
		padding: 10px 10px 20px 10px;
		/*line-height: 14px;*/
	}
	
	.icon {
		display: none;
	}
	
	.headerimage {
		height: 200px;
	}
	
	.header_title {
		padding: 20px 30px;
		font-size: 31px;
	}
	
	.tourpage #slideshow .cycle-slideshow:last-of-type {
		display: none;
	}
	
	.tourpage #slideshow .cycle-slideshow {
		width: 100%;
		margin: 0;
	}
	
	.bodycopy {
		padding: 20px 30px 10px 30px;
	}
	
		
	.footerpadding {
		padding-bottom: 225px !important;
	}
	
	
	.bluebox img {
		width: 125px;
		height: auto;
	}
	
	.crew div .tourtitle, .awards div .tourtitle, .press div .tourtitle, .beers div .tourtitle {
		border: 0px !important;
		padding-left: 30px;
		padding-bottom: 10px !important;
	}
	
	.crew h2, .awards h2, .press h2, .beers h2 {
		font-size: 31px;
	}
	
	#outer_div2 {
		height: calc(75vh / 2 - 24.5px);
	}
	
	#inner_div2 {
		width: 200%;
	}
	
	.brew_text {
		border:0 !important;
	}
	
	.brew_text {
		height: calc(75vh / 2 - 24.5px) !important;
	}
	
	.bluebar { 
		height: calc(35vh - 20px) !important;
	}
	
	#story div h3, #awards div h3, #square5 div h3, #people div h3 {
		font-size: 25px !important;
	}
	
	
	.press_titles div {
		font-size: 16px;
	}
	
	.tribe-events-list-event-title {
		font-size: 17px;
		line-height: 22px !important;
		padding: 15px !important;
	}
	
	.tribe-events-list-event-title a {
		padding: 0;
	}
	
	.tribe-events-loop .tribe-events-event-meta {
		font-size: 17px !important;
	}
	
	.instagram3 {
		height: calc(35vh - 10px) !important;
	}
	
	#awards .divstory {
		margin-bottom: -10px !important;
	}
	
	#contact_text a img {
		width: 50px;
		height: auto;
	}
	
	.agebreak {
		display: inline;
	}
	
	/*==================================================
		Header
	--------------------------------------------------*/
	div.page-beer div.page-wrapper div.page-header div.table-container div.table-wrapper table tr td div.table-content ul.beer-stats{
		padding:20px 0px 0px 0px;
	}
	div.page-beer div.page-wrapper div.page-header div.table-container div.table-wrapper table tr td div.table-content ul.beer-stats li img{
		display:none;
	}
	div.page-beer div.page-wrapper div.page-header div.table-container div.table-wrapper table tr td div.table-content ul.beer-stats li p{
		float:none;
	}
	div.page-beer div.page-wrapper div.page-header div.header-overlay{
		background:none;
		background-color:rgba(0, 0, 0, 0.6);
	}
	
	/*==================================================
		Page: Awards
	--------------------------------------------------*/
	div.page-awards div.page-wrapper div.award-intro div.table table tr td span{
		font-size:32px;
		margin-bottom:10px;
	}
	div.page-awards div.page-wrapper div.award{
		width:calc(100% - 20px);
	}
	
	/*==================================================
		Page: Beers
	--------------------------------------------------*/
	div.page-beers div.page-wrapper div.beer-intro div.table table tr td span{
		font-size:32px;
	}
	div.page-beers div.page-wrapper div.beer{
		width:calc(100% - 20px);
	}
	
	div.page-beer div.page-wrapper div.locator-container p.beer-name {
	    font-size: 31px;
	}
	
	div.page-beer div.page-wrapper div.locator-container p {
	    font-size: 21px;
	}
	
	div.page-beer div.page-wrapper div.page-header div.table-container div.table-wrapper table tr td div.table-content ul.beer-stats {
	    list-style: none;
	    width: 100%;
	    padding: 20px 0px;
	    margin: 0;
	    border-top: 0;
	}
	
	div.page-beer div.page-wrapper div.page-content p {
	    padding: 0px 0px;
	    line-height: 21px;
		font-size: 16px;
	}
	
	div.page-beer div.page-wrapper div.page-content div.content-left, div.page-beer div.page-wrapper div.page-content div.content-right {
	    width: 100%;
	}
	
	div.page-beer div.page-wrapper div.page-content div.content-left {
		margin: 0 0px;
	}
	
	div.page-beer div.page-wrapper div.page-content div.content-right {
		margin: 0 0px;
	}

	div.page-beer div.page-wrapper div.locator-container p.beer-name {
	    line-height: 30px;
	}
	
	div.page-beer div.page-wrapper div.locator-container p {
	    line-height: 25px;
	}


	.shopwrapper {
	    top: calc(25vh + 10px) !important;
	    width: calc(100% - 30px) !important;
	    height: 50px;
	}
	
	
	#cart-button {
	    margin-top: 0px !important;
	    width: calc(100% - 30px);
	}
	
	.homearea {
		padding-top: 65px;
	}
	
	
	#product_image {
	    width: calc(45% - 20px) !important;
	}

	#product_text {
	    padding: 60px 0 0 20px !important;
	    float: left;
	    text-align: left;
	    vertical-align: top;
	    width: 40%;
	}
	
	
	.shopwrapper .inside {
		width: calc(100% - 0px)
	}

	.tribe-events-venue-detail, .tribe-events-address .adr, .tribe-events-venue-details .org {
	    font-size: 16px !important;
	    line-height: 22px !important;
    }
    
    .tribe-events-list .time-details {
	    margin-top: 10px !important;
    }
    
	div.page-beer div.page-wrapper div.page-content div.social{
		margin:0px -10px 0px -10px;
	}
	
	.big {
		width: 450px !important;
		margin-left: -225px;
	}
	
	.crewpage .crew .info .copyexpand {
		width: 370px;
	}
	
	#taproom {
	    padding: 40px 20px;
	    font-size: 16px;
	}
	
	#taproom h1 {
	    font-size: 21px;
	    line-height: 30px;
	}
	
	#taproom_hours h4 {
	    font-size: 23px;
	}
	
	.taparea h1 {
		line-height: 27px;
		font-size: 29px;
	}
	
	#events #dates {
	    height: calc(70% - 20px) !important;
	}
	
	#events #signup form {
	    margin-bottom: 0px;
	}
	
}
 
/*======================================================================
    500px
----------------------------------------------------------------------*/
@media only screen and (max-width:500px){


	div.page-beer div.page-wrapper div.page-content div.awards .cycle-slideshow {
	    width: 100%;
	    float: left;
	}



	.blocks h2 {
		font-size: 33px;
		line-height: 35px;
	}
	
	.blocks h4 {
		font-size: 16px;
		line-height: 19px;
	}
	
	#event_copy h2, h5 {
		font-size: 27px !important;
	}
	

	#mobile_logo img {
		height: calc(100% - 20px);
		padding: 20px;
		width: auto;
	}

	.addressinfo {
		display: block;
	}
	
	.button {
		padding: 8px 12px;
	}
	
	#footer {
		margin-bottom: 30px;
	}
	
	.findbeer #search_results .result_location h4 {
		display: block;
	}
	
	.findbeer #search_results .result_location {
		width: calc(100% - 30px);
		padding-left: 0px;
	}
	
	.findbeer #search_results .result_location h4 {
		padding-right: 10px;
	}
	
	.findbeer #search_results .result_beers {
		width: calc(100% - 20px);
		padding-left: 0px;
	}
	

	.findbeer #search_results .result_address {
		width: calc(100% - 20px);
		padding-left: 0px;
	}
	
	.findbeer #search_results {
		padding-left: 0;
		padding-right: 0;
		width: 100%;
	}
	
	.findbeer #search_results .rows {
		padding-left: 20px;
	}
	
	.findbeer h3 {
		font-size: 27px;
	}
	
	.crewpage .crew, .page-awards .awards, .page-press .press, .page-beers .beers {
		width: calc(100% - 20px);
	}
	
	.crewpage .crew .info h2 {
		font-size: 26px;
	}
	
	.crewpage .crew .info .viewbio, .crewpage .crew a {
		font-size: 18px;
		line-height: 25px;
	}
	
	.crewpage .crew .info .copy {
		padding: 10px 10px 10px 10px;
		line-height: 14px;
	}
	
	.crew h2, .awards h2, .press h2, .beers h2 {
		font-size: 38px;
	}
	
	.headerimage {
		height: 175px;
	}
	
	.header_title {
		padding: 20px 30px;
		font-size: 26px;
	}
	
	.footerpadding {
		padding-bottom: 175px !important;
	}
	
	.bluebox img {
		display: none;
	}
	
	.head_image {
		height: 175px !important;
	}
	
	.crew h2, .awards h2, .press h2, .beers h2 {
		font-size: 26px;
	}
	
	.column_50 h1 {
		font-size: 23px;
	}
	
	.tribe-events-event-image img {
		max-width: 100%;
	}
	
	#mobile_logo {
		height: calc(25vh - 10px) !important;
	}
	
	.findbeer #search_results .underline {
		border: 0;
	}
	
	.header_title {
		line-height: 30px;
	}
	
	#agecheck #agecheck_content h1 {
		font-size: 30px;
	}
	
	#agecheck #agecheck_content .button {
		padding: 0;
	}
	
	div.page-beer div.page-wrapper div.page-header div.table-container div.table-wrapper table tr td div.table-content h1.beer-name {
	    font-size:27px;
	    line-height: 24px;
	}

	#product_text h1, .product_row .product_text h1 {
    	font-size: 19px !important;
		line-height: 19px !important;
	}
	
	.product_row {
		padding: 20px !important;
		width: calc(100% - 40px) !important;
	}

	.product_row .product_amount_price, .product_row .product_amount_label {
		width: 50% !important;
	}
	
	.product_row {
		padding-bottom: 0 !important;
		margin-bottom: 0 !important;
	}
	
	.custom_page h1 {
	    font-size: 27px !important;
	    line-height: 27px !important;
	}
	
	.custom_page {
	    width: calc(100% - 20px) !important;
	    padding: 0 10px !important;
	}
	
	
	#product_image {
	    width: calc(100% - 60px) !important;
	}

	#product_text {
	    padding: 20px 0 0 20px !important;
	    float: left;
	    text-align: left;
	    vertical-align: top;
	    width: calc(100% - 40px) !important;
	}
	
	
	#product_text h1, .product_row .product_text h1 {
	    font-size: 30px !important;
	    line-height: 30px !important;
	}
	
	.big {
		width: 360px !important;
		margin-left: -180px;
	}
	
	.crewpage .crew .info .copyexpand {
		width: 280px;
	}
	
	.crewpage .crew .link {
		line-height: 40px;
		font-size: 20px;
	}
	
	#events #signup {
	    font-size: 13px;
	}
			
}
 
/*======================================================================
    400px
----------------------------------------------------------------------*/
@media only screen and (max-width:400px){


	#agecheck_content #logo {
		max-width: 350px;
	}

	#gform_submit_button_1 {
		width: auto;
	}
	
	
	.page-press .pressbox, .awardsbox {
		min-height: 300px !important;
	}
	
	
	#footer_text div {
		width: 100%;
		display: block;
	}


	#footer_text #texas, #established {
		margin-bottom: 20px;
	}
	
	.findbeer #search #location {
		width: calc(100% - 10px);
	}
	
	.findbeer #search #zipcode {
		width: calc(100% - 10px);
	}
	
	.findbeer #search #radius {
		width: calc(100% - 10px);
		margin-left: 0;
	}
	
	#agecheck #agecheck_content h1 {
		font-size: 26px;
		line-height: 30px;
	}
	
	.crewpage .crew a {
		font-size: 15px;
	}
	
	.headerimage {
		height: 150px;
	}
	
	.header_title {
		padding: 10px 20px;
		font-size: 22px;
	}
	
	.bodycopy {
		padding: 20px 20px 2px 20px;
	}
	
	
	
	.footerpadding {
		padding-bottom: 150px !important;
	}
	
	.head_image {
		height: 150px !important;
	}
	
	.crew div .tourtitle {
		padding-left: 20px;
		padding-bottom: 0px !important;
		margin-bottom: -5px;
	}
	
	.crew h2 {
		font-size: 22px;
	}

	#texas_mini {
		display: inline-block;
		width: 60px;
		height: auto;
		margin-bottom: 20px;
		padding-left: 10px;
	}
	
	#established {
		padding-right: 10px;
	}
	
	#texas{
		display: none;
	}
	
	.blocks h2 {
	    font-size: 28px;
	    line-height: 27px;
	}
	
	
	.button {
		width: 100%;
	}
	
	
	.slideshow_overlay .button {
		width: auto !important;
	}
	
	
	.header_title {
		line-height: 24px;
	}

	#agecheck #agecheck_content .button {
		width: auto;
	}
	
	/*==================================================
		Header
	--------------------------------------------------*/
	div.page-beer div.page-wrapper div.page-header div.table-container div.table-wrapper table tr td div.table-content ul.beer-stats{
		width:100%;
	}
	

	
	/*==================================================
		Page: Awards
	--------------------------------------------------*/
	div.page-awards div.page-wrapper div.award-intro div.table table tr td span{
		font-size:24px;
		margin-bottom:5px;
	}
	
	/*==================================================
		Page: Beers
	--------------------------------------------------*/
	div.page-beers div.page-wrapper div.beer-intro div.table table tr td span{
		font-size:24px;
	}
	
	div.page-beer div.page-wrapper div.page-header div.table-container div.table-wrapper table tr td div.table-content h1.beer-name {
	    font-size:26px;
	    line-height: 25px;
	}
	
	div.page-beer div.page-wrapper div.locator-container {
	    margin-bottom: 20px;
	}
	
	.event_title {
	    font-size: 18px;
	}
	
	.big {
		width: 260px !important;
		margin-left: -130px;
	}
	
	.crewpage .crew .info .copyexpand {
		width: 220px;
		padding: 40px 20px;
	}
	
	.crewpage .crew .info .copyexpand a {
	    font-size: 14px !important;
	}
		
	.crewpage .crew .link {
		line-height: 30px;
		font-size: 18px;
	}
	
	
	.crewpage .crew .bigmobile {
	    left: 5px !important;
	    top: 5px !important;
	    width: calc(100% - 10px) !important;
	    height: calc(100vh - 10px) !important;
	}
	
	.crewpage .crew .bigmobile .copyexpand {
	    width: calc(100% - 40px) !important;
	}
	
	#events #signup {
	    height: 30% !important;
	}
	
	#events #dates {
	    height: calc(67% - 20px) !important;
	}
	
	#taproom_sections h1 {
		font-size: 33px !important;
		line-height: 38px;
	}

}
 
/*======================================================================
    340px
----------------------------------------------------------------------*/
@media only screen and (max-width:340px){


	.blocks h2 {
	    font-size: 25px;
	    line-height: 27px;
	}
	
	#event_copy h2, h5 {
	    font-size: 24px !important;
	}
	
	#events #dates #date_align #event_copy {
	    font-size: 16px;
	    line-height: 23px;
	}
	
	


}















/*======================================================================
    900px height
----------------------------------------------------------------------*/
@media only screen and (max-height: 900px) {

	#news_3 {
			display: none;
		}
}



/*======================================================================
    800px height
----------------------------------------------------------------------*/
@media only screen and (max-height:800px) {


	
	#agecheck #truck img {
		width: 100vh;
	}

}




/*======================================================================
    700px height
----------------------------------------------------------------------*/
@media only screen and (max-height:700px){

	#beers .beer_image {
		width: auto;
		height: 130px;
	}
	
	#agecheck #truck img {
		width: 90vh;
	}
	
	#news_2 {
		display: none;
	}
	


}


/*======================================================================
    600px height
----------------------------------------------------------------------*/
@media only screen and (max-height:600px) {

	#agecheck #truck img {
		width: 80vh;
	}

}


/*======================================================================
    600px height
----------------------------------------------------------------------*/
@media only screen and (max-height:400px) {

	#outer_div2, .brewarea {
		height: 300px !important;
	}
	
	#news_2, #news_3 {
		display: none;
	}
	
}





@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 667px) 
and (orientation : landscape) {

	
	.blocks {
		min-height: 280px !important;
	}
	
	.largeblock {
		min-height: 580px !important;
	}
	
	#outer_div2, .brewarea {
		min-height: 475px !important;
	}
	
	#navigation {
		min-height: 150px !important;
	}
	
	#mobile_logo {
		min-height: 140px !important;
	}	
	
	#outer_div2 {
	    width: 100vw;
    }
    
    #awards div div {
	    border: 0px !important;
    }
    
    #awards .brew_text {
	    min-height: 300px !important;
	}
	
	#square2 .blackcover {
	    padding-bottom: 10px;
	}
	
	#blocks #square5, #blocks #square3, #events #signup {
		display: none;
	}

}





/*======================================================================
    400px width
----------------------------------------------------------------------*/
@media only screen and (max-width:400px) {

	#news_2, #news_3 {
		display: block;
	}
	
}












@media \0screen\,screen\9 {
	#tour #outer_div {
		background-image: url('images/tour_mobile.gif');
		background-size: cover;
		background-position: center center; 
	}
	
	
	#tour #outer_div #inner_div, #inner_div3, #find #inner_div {
		display: none;
	}
	
	#people #outer_div2 {
		background-image: url('images/crew_mobile.gif');
		background-size: cover;
		background-position: center center; 
	}
	
	
	#awards #outer_div3 {
		background-image: url('images/award.gif');
		background-size: cover;
		background-position: center center; 
	}
	
	#inner_div2, #inner_div4 {
		display: none;
	}
	
	.offset_up2  {
		background-image: url('images/shops.gif');
		background-size: cover !important;
		background-position: center center; 
	}
	
	.blockoverlay .blackcover {
		background-color: transparent !important;
	}
	
	.brewarea, .tour_text  {
		border: 0px !important;
	}
}	

@media screen and (min-width:0\0) {
	#tour #outer_div {
		background-image: url('images/tour_mobile.gif');
		background-size: cover;
		background-position: center center; 
	}
	
	
	#tour #outer_div #inner_div, #inner_div3, #find #inner_div {
		display: none;
	}
	
	#people #outer_div2 {
		background-image: url('images/crew_mobile.gif');
		background-size: cover;
		background-position: center center; 
	}
	
	
	#awards #outer_div3 {
		background-image: url('images/award.gif');
		background-size: cover;
		background-position: center center; 
	}
	
	#inner_div2, #inner_div4 {
		display: none;
	}
	
	.offset_up2  {
		background-image: url('images/shops.gif');
		background-size: cover !important;
		background-position: center center; 
	}
	
	.blockoverlay .blackcover {
		background-color: transparent !important;
	}
	
	.brewarea, .tour_text  {
		border: 0px !important;
	}
}



/* Safari 6.1-8.0 (6.1+) */

@media screen and (min-color-index:0)
   and(-webkit-min-device-pixel-ratio:0) and (min-width:1100px) { @media {
    
    .submit { 
    	margin-top: 10px !important; position: absolute; margin-left: -70px !important; 
    }
    
    #awards {
		margin-left: calc(40% + 12px) !important;
	}
	
    
    }}