/*!
 * Start Bootstrap - Full Width Pics HTML Template (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */

body {
    margin-top: 50px; /* Required margin for .navbar-fixed-top. Remove if using .navbar-static-top. Change if height of navigation changes. */
}

.social {
	width: 120px;
	padding: 2px;
	background-color: #95fcfc;
	    opacity: 0.8;
    filter: alpha(opacity=80); /* For IE8 and earlier */ 
	position: absolute;
	top: 0;
	left: 0;
	z-index: 99;
	

}

.social img {
	padding: 4px;
}
.image-bg-fluid-height,
.image-bg-fixed-height {
    text-align: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}

.image-bg-fluid-height {
	background: url('http://unkindness.billytalbot.com/images/unkindness-fenceline.jpg');
	background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
    height: 450px;
    width: 100%;
    display: table;
    position: relative;

}

.vert-wrap { display: table-cell; vertical-align: middle; }

.image-bg-fixed-height {
	background-image: url('http://unkindness.billytalbot.com/images/musicbarn-snow.jpg');
	background-position: center center;
	background-repeat: no-repeat;
	background-attachment: scroll;
    height: 450px;
}

.immanuel {
	background-image: url('http://unkindness.billytalbot.com/images/immanuel-lutheran-church.jpg');
	background-position: center center;
	background-repeat: no-repeat;
	background-attachment: scroll;
    height: 450px;
}

.billy-ryan-banner { background-image: url('http://unkindness.billytalbot.com/images/jerde-prarie.jpg');
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover; }
    
.matthews-banner { background-image: url('http://www.vaporrecords.com/billytalbotband/dakota/images/matthews-interior.jpg');
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover; }

.img-center {
	margin: 0 auto;
}


section {
    padding: 75px 0;
}

.section-heading {
	font-family: 'Old Standard TT', serif;
    margin: 30px 0;
    font-size: 4em;
}

.section-lead {
	font-family: 'Old Standard TT', serif;
	font-style: italic; 
    margin: 30px 0;
}

h2 {
	
	font-family: 'Old Standard TT', serif;
}

.section-paragraph {
    margin: 30px 0;
}

footer {
    margin: 50px 0;
}

@media(max-width: 1200px) {
	.image-bg-fixed-height, .image-bg-fluid-height {
    height: 250px;
}
}

@media(max-width:768px) {
	
    section {
        padding-top: 25px;
        padding-bottom: 25px;
    }

    .section-heading {
        font-size: 2em;
    }
}

@media(max-width:568px) {
	
.image-bg-fixed-height, .image-bg-fluid-height {
    height: 150px;
 }   
    .img-center {
	width: 260px;
}
}