body {
    width: 100%;
    /*height: 100%;*/
	font-size: 16px;
}

html {
    width: 100%;
    /*height: 100%;*/
}

.headerImage{
    margin-bottom: 20px;
}

.navbar {
	padding: 10px 0;
}
.navbar-nav {
    margin: 0 0 0 100px;
}
.navbar-default {
    background-color: #000;
    border-color: #000;
}
.navbar-default .navbar-nav > li > a{
    color: #FFF;
	text-transform:uppercase;
	font-size:1.2em;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.navbar-default .navbar-nav > li > a:hover{
	background-color:#FFFFFF;
}
h1 {
	font-size:2.5em;
}
h1, h2, h3{
	text-align:center;
}
.h1, .h2, .h3, h1, h2, h3 {
    margin-bottom: 20px;
    margin-top: 10px;
}
a.navbar-brand {
	text-indent:-99em;
	background: url('../images/2-mates-logo.png') left top no-repeat;
	width: 100px;
	height: 124px;
	position: absolute;
	top:-20px;

}
/* centered columns styles */
.row-centered {
    text-align:center;
}
.col-centered {
    display:inline-block;
    float:none;
    /* reset the text-align */
    text-align:left;
    /* inline-block space fix */
    margin-right:-4px;
}

div.twocols{
    -webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
    column-count: 2;
}

div.twocols li{
	display: inline-block;
}

@media(min-width:767px) {
    .navbar {
        padding: 20px 0;
        -webkit-transition: background .5s ease-in-out,padding .5s ease-in-out;
        -moz-transition: background .5s ease-in-out,padding .5s ease-in-out;
        transition: background .5s ease-in-out,padding .5s ease-in-out;
    }

    .top-nav-collapse {
        padding: 0;
    }

}
/* Sections */
section{
	padding: 20px 0 30px 0;
    background: #FFF;
}
section.alt{
    padding: 20px 0 30px 0;
    background: #000;
	color: #fff
}
section.alt a, a:visited, a:active{
	color: #fff
}
.intro-section {
	/*height: 100%;*/
    padding: 150px 0 25px 0;
    background: #fff;
}

section img{
	max-width:100%;
	height:auto;
}
.sectionQuote{
	font-size:24px;
	line-height:30px;
}
.imageLeft{
	float:left;
	margin-right:20px;
	margin-bottom:10px;
}
section ul { padding-left:20px; list-style:none; text-align: center;}
section li {
	margin-bottom:10px;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 16px;
	line-height:22px
}
section li:before {
    font-family: 'FontAwesome';
    content:"\f005";
    margin:0 5px 0 -12px;
}
section.alt.footer-section{
	padding-top: 40px;
	padding-bottom: 40px;
}
section.bottom-section{
	background-color:#666;
	color:#fff;
}
.bottom-section a, .bottom-section a:active{
	color:inherit;
}
.social-icons{
	padding-left:30px;
}
.fa.circle{
	border-radius: 50%;
	background-color:#fff;
}
.social-icons .fa {
    color: #666;
    height: 30px;
    line-height: 30px;
    text-align: center;
    transition: all 0.3s ease-in-out 0s;
    width: 30px;
}
.social-icons .fa {
    font-size: 1.25em;
}

.sectionQuote.pad{
	padding-top:25px;
}
.titleContainer span {
	display: inline-block;
	padding: 0 15px;
	position: relative;
	font-size:24px;
	line-height:30px;
	font-weight:bold;
}

.titleContainer span:before,
.titleContainer span:after {
	background: #999;
	content: "";
	display: block;
	height: 1px;
	position: absolute;
	top: 50%;
	width: 400%;
}
section.alt .titleContainer span:before,
section.alt .titleContainer span:after {
	background: #fff;
}
.titleContainer span:before {
	right: 100%;
}
.titleContainer span:after {
	left: 100%;
}
.titleContainer {
	overflow: hidden;
	text-align: center;
	padding-bottom:15px;
}
.break{
	display:block;
	width: 300px;
	height: 6px;
	background: url('../images/break.png') center no-repeat;
	margin: 10px auto;
}
.special{
	text-align:center;
	padding-bottom:20px;
}
.special h2 { font-size:30px; margin: 10px 0; }
.special h3 { font-size:24px; margin: 10px 0; }

.checkbox{
	top: 0;
}

@media(max-width:767px){
	bottle{
		text-align:center;
	}
	.bottle img{
		width:100px;
		height:auto;
		margin: 0 auto;
		display:block;
	}
	.intro-section {
		padding-top: 80px;
	}
	.social-icons{
		padding-top:10px;
		display:block;
	}

}
@media(min-width:768px){}
@media(min-width:992px){}
@media(min-width:1200px){}

#siteby{
	font-size: 12px;
	padding: 10px 0 0 0;
}


/* Temp solution Hide menu items */

#tempFix ul li:nth-child(-n+2) {
  display: none !important;
}