/*******************
 * Seattle Ninja 2017
 */
/* cyrillic */

body
{
	background-image:url('../images/bg-white.png');
	background-repeat:repeat;
}


body #content div p,
body #content div a,
body #content div ul li,
body #content div ul li a,
#main div.row.table-offset div > div div
{
	font-size:2rem;
	font-weight:normal;
}

body.page p strong
{

	font-size:2rem;
}

.page div p
{
	margin: 0 0 0 0;
}

.black {color: #000000;}

.beige {background-color:#f5f5dc; }

.red {color: red;}

.papayawhip {background-color:#ffefd5; }

.p3 {padding: 3%;}

.theme-color 
{
	color: #8b8545;
}

.theme-bg-light {background-color: rgba(156,149,77,0.2);}

.cta-banner 
{
	background-color:#5f9ea0;
	padding: 1px 0; 
	color:#ffffff;
	font-family:'Special Elite', cursive;
	z-index: 9999;
	display: block;
	}



.fancy {
	font-family: 'Pattaya', sans-serif;
}

.fancy-header
{
	font-family: 'Special Elite', cursive;
}

.strong {font-weight: 900;}

img {width: 100%;}


footer ul {list-style:none;}

.page-standard ul {list-style:circle;}


#main .read-more a
{
	background-color:#8b8545;
	text-transform:uppercase;
	padding: 7px 15px;
	color: #ffffff;
	box-shadow: 0 2px 2px #000000;
}

#main .read-more:hover a
{
	background-color:#5f9ea0;
}


a {
	color:#8b8545;
}

input[type="Submit"],
input[type="Reset"]
{
	background-color:#8b8545;
	padding: 7px 15px;
	color: #ffffff;
	width: 100%;
	max-width: 200px;
}
input[type="Button"]
{
	background-color:#8b8545;
	padding: 7px 15px;
	color: #ffffff;
}

 
.page-header{font-family: 'Pattaya', sans-serif;}

ul.clear-list {margin:0 auto; padding: 0 0 0 0;}

.text-right {text-align:right;}
.text-left {text-align:left;}
.text-center {text-align:center;}

.full-width {width:100%; clear:both; margin:0 auto;}

.float-left {float:left;}
.float-right {float:right;}

.pad-0{padding: 0 0 0 0;}
.pad-5{padding: 5px 5px 5px 5px;}

.faq div.row
{
	padding-bottom: 20px;
}

#main div.row.table-offset div > div
{
	padding:0 10px 0 10px;
}

   #main .ninja-row
   {
   	margin-bottom: 5%;
   }

.ninja-clear
{
	padding: 0 0 0 0;
	margin: 0 auto;
}

.ninja-button
{
	border:2px solid #000000;
	background-color:#8b8545;
	color: #ffffff;
	box-shadow: 2px 2px 2px #888888;
}

/*****************************************
 *  Bootstrap fix
 ****************************************/


.page-header
{
	padding: 0 0 0 0;
	margin: 10px auto;
}


/*****************************************
 *  Header
 ****************************************/

.navbar-header {float:none;}

.branding 
{
	width:800px;
	margin: 0 auto;
}

.navbar-nav
{
	display:inline-block;
	float:none;
	width:750px;
	margin:0 0 auto;
	padding: 0 0 0 0;
	text-align:center;
}

nav#navbar 
{
	height: 60px;
	background-color: #ffffff;
}




.navbar-nav>li>.dropdown-menu {width: 100%;}

.nav>li>a {padding: 10px 10px 10px 10px; }

.navbar-brand
{
	padding: 0 15px 0 15px;
}

.navbar-brand img.mobile
{
	padding: 2px 0;
}


.navbar-brand img.desktop
{
	width: 80px;
}


.navbar-default .navbar-nav>li>a
{
	text-transform:uppercase;
	text-align:left;
}


.navbar-default .navbar-nav li:hover 
{ 
	background-color: rgba(156,149,77,0.1); 
}



#navbar ul li.dropdown.open i.glyphicon-plus:before
{
  content: "\2212";
}

ul.social_list li a i
{
	padding: 5px 15px;
}

ul.social_list li a i
{
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-ms-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;	
}
 

ul.social_list li a:hover i
 {
 	background-color: rgba(0,0,0,0.8);
 }
 
 
 
ul#social-ninja 
{
	position: absolute;
	left:80%;
}

ul#social-ninja li a,
ul.social  li a
{
	color: #8b8545;
	font-size: 2.5rem;
	padding: 10px 5px;
}

ul.social li
{
	display : inline;
	padding: 0 5px;
}


ul#social-ninja  li:hover a,
ul.social  li:hover a
{
	color: #ffffff;
}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover
{
	background-color: #8b8545;	
	color: #ffffff;
}



.subhead
{
	text-align:center;
	padding: 15px 5px 5px 5px;
	color;: #111111;
	background-color: rgba(156,149,77,0.1);
	font-family: 'Special Elite', cursive;
}


#event-date
{
	float:left;
	position:relative;
	background-color: #5f9ea0;
	width:115px;
	line-height : 1.8rem;
	padding: 5px 0;
	margin: 0 20px 0 5px;
	-webkit-transform: skew(-20deg);
	   -moz-transform: skew(-20deg);
	     -o-transform: skew(-20deg);	
}


#event-date .event-month
{
	padding: 1px; 
	color: #ffffff;
}

#event-date ul
{
	margin: 0 auto;
	padding: 0 5px;		
}

#event-date .event-month,
#event-date ul li
{
	text-transform:uppercase;
	display: inline;
	font-size: 1.8rem;
}
#event-date ul li
{
	font-weight : 900;
	color: #ffffff;
	text-shadow: 0 1px 2px #000;
}

#event-date ul li:not(:first-child):before {
    content: " | ";
}



/*************************************************
 * Home
 *************************************************/

#main-content .home h1:nth-child(1) {display:none;}

#main .ninja-gallery,
#ninja_gallery
{
    width:100%;
	margin: 75px auto;
    background-color:#eee;
}




/*************************************************
 * Ticket Grid
 *************************************************/
#tickets  {
	padding: 0 50px !important;
}
#tickets .ticketDiv  {
	background: #f4f4f4;
    border: 3px solid  #8b8545;
    padding: 20px;
    margin-bottom: 30px;
    /*min-height: 200px;*/
	-webkit-transition: all 0.6s ease;
	-moz-transition: all 0.6s ease;
	-ms-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	transition: all 0.6s ease;	
}
#tickets .ticketDiv:hover  {
	background-color: #8b8545;
}
.ticketDiv h3 {
    font-family: 'Special Elite', cursive;
    height: auto;
    text-align:center;
    /*background:#949;*/
}
.ticketDiv:hover div, .ticketDiv:hover h3, .ticketDiv:hover p  {
	color: #ffffff;
}
.ticketDiv .tix-cost {
    font-size:5rem;
    font-family: 'Special Elite', cursive;
}
.ticketDiv a.btn {
    display:inline-block;
	border:2px solid  #8b8545;
	padding: 5px 15px;
	text-transform:uppercase;
	font-weight: 900;
}
.ticketDiv:hover a.btn  {
	background:#ffffff;
	color: #8b8545;
}
.gift-card {
	width: 91%;
	height: 250px;
	margin:0 auto;
	text-align:center;
}
/*****************************************
 *  Page
 ****************************************/

#main > .container
{
	margin:0 auto;	
	padding: 0 15px;
}

.container-wide
{
	width: 1600px;
	margin:3% auto;	
	padding: 0 15px;
}

.container-narrow
{
	max-width: 786px;
	width: 100%;
	margin:1% auto;	
	padding: 0 15px;
}

#content
{
	margin: 0 auto;
	padding: 0 0 0 0;
	overflow : hidden;
}

#primary 
{
	margin-top: 100px;
}

.ninja-push
{
	margin: 1% auto;
	padding: 2% 0 0;
}

.small-push
{
	margin: 0 auto;
	padding: 1% 0;
}

.small-gap
{
	margin: 50px auto 10px; 
}


#main .push-top {margin-top:100px;}


section#social_banner
{
	background-color: #8b8545;
	padding: 1% 0;
	margin: 0 auto;
} 

#social_banner h2 
{
	color: #ffffff;
	text-transform:uppercase;
}

#social_banner ul.social_list
{
	text-align:center;
	margin: 0 auto;
}


#social_banner ul.social_list li
{
	display:inline-block;
}

#social_banner ul.social_list li a
{
	color: #ffffff;
	font-size: 6rem;
}



/*****************************************
 *  Grid
 ****************************************/

.p-push-left
{
	margin-right:25px;
	margin-bottom: 25px;
}

.p-grid
{

}

#main .special-features div.ninja-grids
{
	padding: 15px;
}
#main .special-features div.ninja-border
{
	border: 2px solid #777777;
}

/*****************************************
 *  Masonry
 ****************************************/
.grid {
  /*max-width: 2000px;
  max-width: 100%;*/
  width: 1000px;
  margin:0 auto;
  /*background-color:#ede;*/
}

/* clearfix */
.grid:after {
  content: '';
  display: block;
  clear: both;
}

.grid-sizer { width:100%; padding:0; float:none;  }
.grid-item { width:50%; padding:0 15px 15px 15px; float:left;  }
/* 2 columns */

.grid-item img
{
	width: 100%;
}


/*****************************************
 *  TABLE
 ****************************************/

table
{
	width: 100%;
}

.tent-table .tent-guide th a
{
	text-transform: uppercase;
	color:#8b8545;
	text-decoration:underline;
}


table#alternatecolor tr td p.ninja-para,
table#alternatecolor tr td div span {color: #eeeeee;}

table#alternatecolor tr td p.ninja-para.beerStyle,
table#alternatecolor tr td p.ninja-para.beerType,
table#alternatecolor tr td p.ninja-para.beerPackaging,
table#alternatecolor tr td p.ninja-para.abv
{font-size:100%;}

table#alternatecolor tr td p.ninja-para,
table#alternatecolor tr td div.row > div
{
	margin-bottom: 0;	
	padding: 0 0 0 10px;
}


#alternatecolor td.beerName
{
	padding-left:10px;
}

table#alternatecolor tr td div span.limited
{
	color: yellow;
}

#tents ul
{
	margin:0 auto;
	padding: 0 0 0 0;
}

#tents ul li
{
	display:inline-flex;
	padding: 5px;
	margin: 3px;
	height: 100px;
}

#tents ul > li:nth-child(1)
{
	position:relative;
	
}


#tents ul li:nth-child(odd)
{
	background-color: #eeeeee;
}

#tents ul li:nth-child(even)
{
	background-color: rgba(156,149,77,0.2);
}

#tents ul li a {text-align:center;color: #000000;}

#tents ul li a i {font-size:4rem;}
#tents ul li a img {width: 50px;}

#tents ul li a img#barrel-image {width: 40px;}


table#alternatecolor tr {border: 2px solid #cccccc;}

table#alternatecolor tr {background-color: #111111;}

/* table#alternatecolor tr:nth-child(even)
{
		background-color: rgba(100,100,100,0.1);
}
*/

#tents ul li a .opa {opacity: 0; margin: 0 0 0 0;}



/*****************************************
   TENT Colors
 ****************************************/

table div.tentblack {background-color: #000000; border:2px solid #ffffff;}
table .beerNum div.tentblack:before { border-bottom-color: #ffffff; }


table div.tentgrey {background-color: #888888; }
table .beerNum div.tentgrey:before { border-bottom-color: #777777; }

table div.tentblue {background-color: #0000ff; }
table .beerNum div.tentblue:before { border-bottom-color: #0000ff; }


table div.tentgreen {background-color: #008800; }
table .beerNum div.tentgreen:before { border-bottom-color: #008800; }

table div.tentbrown {background-color: #d2691e; }
table .beerNum div.tentbrown:before { border-bottom-color: #d2691e; }

table div.tentorange {background-color: #ff4500; }
table .beerNum div.tentorange:before { border-bottom-color: #ff4500; }

table div.tentpink {background-color: #ff69b4; }
table .beerNum div.tentpink:before { border-bottom-color: #ff69b4; }

table div.tentpurple {background-color: #9932cc; }
table .beerNum div.tentpurple:before { border-bottom-color: #9932cc; }

table div.tentyellow {background-color: #ffd700; }
table .beerNum div.tentyellow:before { border-bottom-color: #ffd700; }

table div.tentred {background-color: #FF0000; }
table .beerNum div.tentred:before { border-bottom-color: #FF0000; }

.underline-on-hover:hover {
    text-decoration: underline;
    cursor:pointer;
}

.back-to-top {
    background: none;
    margin: 0;
    position: fixed;
    bottom: 0;
    right: 0;
    width: 66px;
    height: 70px;
    z-index: 100;
    display: none;
    text-decoration: none;
    color: #ffffff;
    background-color: #ff9000;
    padding:7px;
}
.back-to-top i {
    font-size: 60px;
}
.valigned {
    position: relative;
    top: 50%;
    transform: perspective(1px) translateY(-50%);
}
#BreweriesContainer {
    font-size:180%;
    width:80%;
    background-colorZZ:#e9e;
    margin:0 auto;
    border-bottom:1px solid #aaa;
    height:40px;
    position:relative;
    padding:0 10px
}
a.Brewery {
    display:inline-block;
    float:left;
}
div.BreweryInfo {
    display:inline-block;
    float:right;
    font-size:80%;
}

.beerDescription {
    padding:4px;
    margin:0;
    background-color:#ddd;
    display:none;
}

.beerNum {
	text-align:center;
	font-weight:bold;
}


.beerNum div {
   display: inline-block;
   height: 100px;
   margin-left: 0;
   position: relative;
   width: 15px;
   color: #ffffff;
}



.beerName h1 {
	font-size:3rem;
	font-weight:normal;
	text-transform:none;
	margin:0 0 5px 0;
	color: #FFFF00;
}

.beerName h2 {
	margin:0;
	font-weight: 800;
	color: #333333;
	text-transform:uppercase;
	font-weight:normal;
}
.beerName h2 span {
	color:#555555;
	text-transform:none;
	margin-left:40px;
	font-style:italic;
}


.ninja-space
{
	padding-right:30px;
}

#tents > ul > li:nth-child(2) > a > span{opacity: 0;}
.country
{
	font-style:oblique;
}

.beer-cost
{
	font-size:300%;
	line-height: 2rem;
	padding: 0 0 0 10px;
	font-weight:900;
	color: #ffffff;
}	



.beer-cost span
{
	font-size:1.2rem;
}

h2.ninja-supplier
{
	color: #FFFF00;	
	font-size: 120%;
}
a.ninja-supplier
{
	color: #FFFF00;
	font-size: 120%;
}
a.ninja-supplier:visited
{
color: #FFFF00;
}

img.barr0,
img.barr1
	{
		width : 20px;
	}


#tents ul li #xxx-image, #tents ul li #barrel-image
{
	display:inline-block;
}


#barrel-li
{
	margin: 0 0 0 0;
	position: relative;
	bottom: 8px;
	min-height: 100px;
}

#tents ul li #xxx-image {width:50px;}

#xxx-li
{
	margin: 0 0 0 0;
	position: relative;
}

.beerGlassBig {
	width:110px;
	text-align:center;
}

.beerGlassBig .color {
	height:200px;
	width:10px;
	margin:0 auto;
}
.beerGlassBig .tastercolor {
	height:200px;
	width:100px;
	margin:0 auto;
}

.beerGlassBig .color .glass, .beerGlassBig .tastercolor .glass {
	background-color:transparent;
	background-position:center center;
	background-repeat:no-repeat;
	height:200px;
	width:110px;
}
.beerGlassBig .tastercolor .glass {
	background-color:transparent;
	background-position:center center;
	background-repeat:no-repeat;
	height:200px;
	width:100px;
}


.beerPriceSm {
	font-size:30px;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	width:120px;
    position:relative;
    top:20px;
    left: -5px;
}
.beerPriceSm span {
}
.beerPriceSm sup {
	font-size:20px;
}

.beerPriceBig {
	font-size:45px;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	width:120px;
}
.beerPriceBig span {
}
.beerPriceBig sup {
	font-size:30px;
}
.beerKeg {
	width:160px;
	text-align:center;
}
.kegBox {
	margin:0 auto;
	width:140px;
	height:180px;
	position:relative;
}
.kegPercent {
	font-size:25px;
	line-height:40px;
}
.kegAmount {
	position:absolute;
	left:10px;
	bottom:0;

	width:120px;	
	height:180px;
}
.keg {
	position:absolute;
	top:0;
	left:10px;
	width:120px;
	height:180px;

}



/*****************************************
 *  TENT MAP AREA
 ****************************************/

.map-container
{
	max-width:1000px;
	margin:100px auto 50px;
	width:100%;
}


img[usemap] {
		border: none;
		height: auto;
		max-width: 100%;
		width: auto;
	}

/*****************************************
 *  Volunteer Form
 ****************************************/

table td select,
table td option
{
	width: 100%;
	margin-bottom: 3px;
}

table td select {min-width: 200px;}

table.contact-form tr td,
table.shift-form tr td
{
	line-height: 2rem;
	font-size: 2rem;
	padding-bottom: 8px;
	width: 100%;
}

.volunteer table tr td
{
	line-height: 2rem;
	font-size: 2rem;
	padding-bottom: 8px;	
}

table.shift-form tr td:nth-child
{
	width:50%;
}

table div.occupy
{
	position:relative;
}

#sunday_shift_30_card
{
	margin: 0 auto;
	text-align:center;
}
/*****************************************
 *  food & music pages
 ****************************************/

#musictbl td {
    border:none;
    padding: 2px;
    font-family:Arial, Helvetica, sans-serif;
    font-size: 1.4rem;
    border-bottom:1px solid #aaa;
}
.stack_lr_container {
    font-size:180%;
    width:98%;
    background-colorZZ:#e9e;
    margin:0 auto;
    border-bottom:1px solid #aaa;
    height:auto;
   xmin-height:40px;
    position:relative;
    padding:0 10px
}
a.Breweryzzz {
    display:inline-block;
    float:left;
}
div.stack_r {
    display:inline-block;
    float:right;
    font-size:80%;
}
div.stack_l {
    display:inline-block;
    float:left;
    font-size:80%;
}
div.music_r {
    display:inline-block;
    float:right;
    font-size:80%;
}
div.music_l {
    display:inline-block;
    float:left;
    font-size:80%;
    font-size:1.5em;
}

.music_pic {
    float:right;
    height:auto;
    width:600px;
}

/*****************************************
 *  Footer
 ****************************************/

.col-xs-15 {
    width: 20%;
    float: left;
}
@media (min-width: 768px) {
.col-sm-15 {
        width: 20%;
        float: left;
    }
}
@media (min-width: 992px) {
    .col-md-15 {
        width: 20%;
        float: left;
    }
}
@media (min-width: 1200px) {
    .col-lg-15 {
        width: 20%;
        float: left;
    }
    .col-push-right-2
    {
    	margin-right:2%;
    }
    #main .ninja-row > .col-md-4     {
        width: 27.666% !important;
    }
        .col-md-4pic     {
        width: 99.666% !important;
    }
}




div.ninja-footer-trim
{
	background-color:#8b8545;
	background-image: url('../images/trim_sm.png');
	/*background-size:cover;   */
	background-repeat:repeat-x;
	background-position:0 5px;
	height: 35px;
}

footer
{
	padding-top: 25px;
	background-color: #151515;
	color: #ffffff;
}

footer .ninja-sidebar h3 {
	text-transform: uppercase;
	max-width: 250px;
	font-family: 'Special Elite', cursive;
	border-bottom: 1px solid #bc9f60;
    padding-bottom: 15px;
    margin-bottom: 15px;
	
	}


footer#footer-bottom
{
	background:#000000;
}


footer#footer div,
footer#footer ul li,
footer#footer ul li a
{
font-size: 1.3rem;
}


.desktop {display:block !important;}
.mobile {display: none !important;}


.desktop-image-size
{
	max-width:86%; 
}


@media (min-width: 992px)
.col-md-offset-05 {
    margin-left: 5.33333333%;
}
	
	
	

@media screen and (max-width: 1200px){

	ul#social-ninja
	{
		top:100px;
	}
}






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

    div.BreweryInfo {
        font-size:50%;
    }
    #BreweriesContainer {
        width:90%;
    }
    div.music_l {
        width:100%;
        float:none;
        font-size:80%;
        font-size:1.25em;
    }
    div.music_r {
        width:100%;
        float:none;
        font-size:80%;
        /*background-color:#e6e;   */
        text-align:center;
    }
    .music_pic {
        display:inline-block;
        float:none;
        height:auto;
        width:94%;
        margin:0 auto;
    }
    @media only screen and (orientation: portrait) {
        .valigned {
          top: 25%;
          transform: perspective(1px) translateY(-50%);
        }
        #BreweriesContainer {
            width:100%;
            height:50px;
        }
        a.Brewery {
            width:100%;
            font-size:4rem;
        }
        div.BreweryInfo {
            width:100%;
        }

        div.stack_r {
            width:100%;
            float:none;
            font-size:80%;
            /*background-color:#e7e; */
            height:auto;
        }
        div.stack_l {
            width:100%;
            float:none;
            font-size:80%;
        }

        .music_pic {
            width:300px;
        }
    }

	.desktop {display: none !important;}
	.back-to-top {display: none !important;}
	.mobile {display:block !important;}
	.desktop-image-size{max-width:100%; }

	.col-xs-offset-1-ninja {margin-left:10%;}
	.col-xs-offset-2-ninja {margin-left:15%;}
	
	.mobile-ul-pad-0 {padding: 0 0 0 0; margin: 0 0 0 0;}

	#main .ninja-row {margin:0 auto;}

	.navbar-brand img.mobile {width:175px;}
	#event-date {padding: 0 0 0 0; margin: 0 0 0 0;}
	
	.special-offset-5
	{
		margin: 0 auto;
	}
	
	.mobile-push {margin-top:40px;}
	#main .push-top {margin-top: 70px;}

	#main .ninja-gallery
	{margin: 50px auto 0;}
	
	.be-data {width: 90%;}

	

	body #content div p,
	body #content div a,
	body #content div ul li,
	body #content div ul li a,
	#main div.row.table-offset div > div div
	{
		font-size:1.5rem;
		font-weight:normal;
	}	
		
	
	#main .special-features div.ninja-grids,	
	.p-push-left 
	{padding: 10px; margin: 0 auto;}
	
	
	.cta-banner h2 {font-size:2rem;}

	#main .read-more a {padding: 5px 5px 5px 5px; }
	
	#main .read-more a h4 {font-size:12px; }

	#tents ul > li:nth-child(1) {bottom : 20px;}
		
	.navbar-nav
	{width:100%;}	
		
	.navbar-default .navbar-nav li:hover 
	{
		background-color: #ffffff;
	}

	.navbar-default .navbar-nav li:hover a {color #000000;}
	

	#navbar .glyphicon
	{float:right;}

	#social_banner h2 {font-size: 1.4rem;}

	
	#social_banner ul.social_list li a {font-size:3.5rem;}

    .grid {
      max-width: 2000px;
      max-width: 90%;
      margin:0 auto;
      /*background-color:#ede;*/
    }

	.grid-sizer,
	.grid-item { width:100%; padding:0 0 15px 0px; float:none; }
	
	.grid-item img { width: 100%;}

	table.contact-form textarea {width: 100%;}

	table#alternatecolor {max-width: 100%; width: 100%;}

	#tents {margin:0 auto; text-align: center;}

	#tents ul li {height: 130px;}

	#tents ul li.row-mobile
	{ 
		clear:both;
		margin-bottom: 10px;
	}

	#tents ul li
	{
	text-align:center;
	display: inline-table;
    width: 16.666%;
    margin: 1px;
    padding: 1%;
    }		
		
	#tents ul li a i
	{
		width: 100%; font-size: 4rem;
		padding-bottom: 35px;
	}
	
	#tents ul li a p {padding-top:30px;}
	
	.beerNum {font-size:1.8rem; width: 25px; padding: 1%;}
	.beerNum div {margin-top: 5%; font-size:1.2rem;}
	.beerNum div:before{
	
    border-bottom: 10px solid white;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;		
    top: -10px;
		
	}
	.beerName a h1 {
	padding: 4px 0; 
	font-size: 4rem;
	font-weight: 700;
    letter-spacing: 0.1rem;
    text-transform: uppercase;	
	}


	h2.ninja-supplier
	{
		font-size:100%;
		padding-left: 10px;
	}

	.beerName h2 span
	{
	margin-left:0;
	margin-right:50px;
	}
	
	.beer-cost
	{
	padding-left:32px;
	/*font-size:300%;
    color:#00ff00;
    background-color:#f9f;*/
	}
	
	table#alternatecolor > thead > tr > td.beerName > div > div > p.ninja-para.beer-tix
	{
		/*display:none;*/
        padding-left:35px;
	}
		
	#tents ul li #xxx-image,
	#tents ul li #barrel-image {padding-bottom: 4%; width:30px;}
		#tents ul li #xxx-image {width: 40px;}
	#tents #barrel-li,
	#tents #xxx-li	{bottom: 10px;}
	



	.volunteer table tr td input,
	.volunteer table tr td select, 
	.volunteer table tr td option {height: 35px;} 

	.volunteer table tr td {font-size:1.5rem; padding-bottom: 20px;}

	.volunteer table tr td:nth-child(2)
	{
		width:50%;
	}


	.ninja-buttons
	{
		width: 100%;
		margin-bottom: 10px;
	}



}

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

.navbar-brand img.mobile {width:100px;}
#event-date {width:75px;}
#event-date .event-month, #event-date ul li {font-size:1rem;}

#content {padding: 0 5px 0 5px;}
.subhead {font-size: 20px;}

table#alternatecolor tr td p.ninja-para.beerStyle,
table#alternatecolor tr td p.ninja-para.beerType,
table#alternatecolor tr td p.ninja-para.beerPackaging,
table#alternatecolor tr td p.ninja-para.ninja-supplier,
table#alternatecolor tr td p.ninja-para.abv,
table#alternatecolor tr td p.ninja-para.ninja-state,
table#alternatecolor tr td p.ninja-para.country
{
	font-size:80%;
}	

	table#alternatecolor tr td p.ninja-para.country,
	table#alternatecolor tr td p.ninja-para.wood-aged
	{text-align:center;}
	
	table#alternatecolor .col-xs-6 {width: 45%;}
	table#alternatecolor .state-row.col-xs-2,
	table#alternatecolor .country-row.col-xs-2  {width:12%;}
	
	.beerName h1 {font-size: 130%; padding-left: 5px;}



	img.barr0,
	img.barr1
	{width : 20px;}


}