/* ==================================================
   Typography
================================================== */

h1,
h2,
h3,
h4,
h5,
h6{
	margin:0 0 20px 0;
	color:#FFFFFF;
	font-weight:300;
	font-family: 'Cormorant';
	line-height:1.5em;
}

h1{
	font-size:48px;
}

h2{
	font-size:36px;
}

h3{
	font-size:24px;
}

h4{
	font-size:20px;
}

h5{
	font-size:18px;
}

h6{
	font-size:16px;
}

h3.spec {
	color: #FFFFFF;
    font-size: 24px;
    font-weight: 300;
    line-height: 1em;
    margin-bottom: 30px;
	padding-top: 0.4em;
    text-transform: uppercase;
}

.container-fluid{
    margin-top 0px;
    border-top 0px;
    padding-top 0px;
}

.row{
    margin-top 0px;
    border-top 0px;
    padding-top 0px;
}

body{
	background:#272727;
	color:#ffffff;
	font-weight:300;
	font-size:16px;
	font-family: 'Cormorant';
	line-height:28px;
    width: 100%;
    height: 100%;
    margin: 0px;
    padding: 0px;
    overflow-x: hidden;
    
}

/* ==================================================
   Nav Bar
================================================== */ 

.navbar {
    min-height: 50px;
    border-radius: 0px;
    background-color:#272727;
    border-color:#272727;
    margin:0px;
    text-transform: uppercase;
    -webkit-box-shadow: 1px 1px 1px 0px rgba(0,0,0,0.50);
    -moz-box-shadow: 1px 1px 1px 0px rgba(0,0,0,0.50);
    box-shadow: 1px 1px 1px 0px rgba(0,0,0,0.50);
}
   
.navbar-default .navbar-brand {
    color: #fff;
    font-weight:300;
    font-size:30px;
	font-family: 'Cormorant';
	line-height: 30px;
    
}


.navbar-default .navbar-brand :hover,
.navbar-default .navbar-brand :focus {
    color: #ffffff;
    background-color: #af0003;
}
.navbar-default .navbar-text {
    color: #fff;
}
.navbar-default .navbar-nav > li > a {
    color: #fff;
    line-height: 30px;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
  color: #ffffff;
  background-color: #af0003;
}

.navbar-default .navbar-nav > li > a:current {
  color: #af0003;
  background-color: transparent;
}


.navbar-default .navbar-toggle {
    color: #000;
    border-color: #000;
    background-color: #fff;
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #000;    
}

.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus{
    border-color: black;
    background-color: #af0003;
}





/* ==================================================
   Carousel
================================================== */

.left.carousel-control {
    background-image: none;
}
.right.carousel-control {
    background-image: none;
}

#myCarousel {
    margin-top: 50px;
    }


.carousel-caption h1{
    text-shadow: none;
    font-family: 'Cormorant';
    font-size: 60px;
    font-size: 8vw;
    font-weight: 300;
    letter-spacing: 2px;
    text-transform: uppercase;
    line-height: 100px;
}


a.anchor{
    display: block; 
    position: relative; 
    top: -50px; 
    visibility: hidden;
}


.section-head{
    background-color: #af0003;
    text-align: center;
    text-transform: uppercase;
    margin-top: 0px;
   
   }

.section-head h1{
    font-size: 50px;
    font-size: 7vw;
    color:#fff;
    padding-top: 30px;
    padding-bottom: 30px;
}

/* ==================================================
   Biography
================================================== */

#biobar{
margin-bottom: -20px;
}

.nopadding {
   padding: 0 !important;
   margin: 0 !important;  
}

.bio p{
margin: 20px;
}

/* ==================================================
   News
================================================== */
.news{
    margin-top: 25px;
    margin-bottom: 25px;
    margin-left: 35px;
    margin-right: 35px;
}

.news a{
    color: #fff;
    font-weight:300;
    text-decoration: underline;
}

.news a:hover{
    color: #af0003;
    background-color: transparent;
}

/* ==================================================
   Big Blockquote
================================================== */

.big-quote {
	text-align: center;
    margin: 10px;
}

.big-quote p {
	font-size: 36px;
	color: #FFFFFF;
	line-height: 48px;
    margin-bottom: 35px;
}

.big-quote span {
	font-size: 32px;
	color: #af0003;
    margin-bottom: 55px;
}

/* ==================================================
   Long Blockquote
================================================== */

.long-quote {
	text-align: center;
    margin: 10px;
}

.long-quote p {
	font-size: 30px;
	color: #FFFFFF;
	line-height: 38px;
    margin-bottom: 35px;
}

.long-quote span {
	font-size: 32px;
	color: #af0003;
    margin-bottom: 55px;
}

/* ==================================================
   Contact Section
================================================== */

.contact{
    margin-top: 25px;
    margin-bottom: 25px;
    margin-left: -10px;
    margin-right: -10px;
    

}

.contact-details{
    margin-top:10px;
    margin-left:0px;
    padding-top: 50px;
padding-bottom: 50px;
}

.contact-details {
	color: #FFFFFF;
    
    font-size: 3vw;
    font-weight: 300;
    margin-bottom: 30px;
    line-height: 1.25em;
    text-transform: uppercase;
}
.contact-details a{
    color: #fff;
    font-weight:300;
    text-decoration: underline;
}

.contact-details a:hover{
    color: #af0003;
    background-color: transparent;
}




/* ==================================================
   Gallery Page
================================================== */

.gallery {
    padding-top: 75px;
    }

.thumbnail {
    margin-bottom:10px;
}

#gallery{
    width:70%;
    }



/* ==================================================
   Audio Controls
================================================== */

audio{
    width: 100%;
    }

/* ==================================================
   Footer
================================================== */

footer {
	width: 100%;
	background: #272727;
	text-align: center;
	z-index: 99;
	color: #FFFFFF;
	font-size: 14px;
	padding-top: 125px;
	
}

