/* colors
red: 222222
dark red: 610A12
light blue: 0DAAFA
blue: BBB513
green: BBB513
*/

body{
background-color:#222222;
/*background-color:#222222;*/
}
.navbar {
    border-radius: 0px;
	background-color:#222222;
	border: none;
	/*margin-top:20px;*/
}
.navbar-inverse .navbar-brand {
    color: white;
	font-family: calibri;
}
.navbar-inverse .navbar-nav>li>a {
    color: white;
	font-family: calibri;
}
 
.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover {
	background-color:#222222;
    
}
.navbar-inverse .navbar-nav>li>a:hover {
    text-decoration: underline;
	font-family: calibri;
}
.img-circle{
	margin-top: 19px;
}
.headertext {
	margin: auto;
	margin-top: 40px;
	font-family: 'Indie Flower', cursive;
	background-color:#222222;
	color: white;
	margin-bottom: 45px;
	text-align: center;
}
.headertext img {
	margin: auto;
	text-align: center;
}
.headertext h1
{
	margin-top: 50px;
	text-align: left;
	margin-bottom: 85px;
	font-size:30px;
}
.headertext2 {
	margin: auto;
	margin-top: 40px;
	font-family: 'Indie Flower', cursive;
	background-color:#222222;
	color: white;
	margin-bottom: 100px;
	text-align: center;
}
.headertext2 h1
{
	margin-top: 50px;
	text-align: left;
	margin-bottom: 85px;
	font-size:30px;
}
.works{
	background-color: #f6f6f6;
	padding-top: 80px;
	padding-bottom: 75px;
}
.works h1{
	background-color: white;
	font-size: 100px;
	color: #222222;
	font-family: 'Lobster', cursive;
	text-align: center;
	margin-top: 70px;
	margin-bottom: 30px;


}
.works img{
	margin: auto;
	/*margin-top: 30px;*/
	/*width: 100%;*/
}
.headertext a{
	border: 1px solid white;
	padding: 15px;
	font-family: calibri;
	color: white;
	text-decoration: none;
	margin: auto;
	text-align: center;
	margin-top:40px;
}
.headertext a:hover{
	border: 1px solid white;
	padding: 15px;
	font-family: calibri;
	color: white;
	text-decoration: none;
	background-color: #BBB513;
	margin-top: 40px;
	margin: auto;
	text-align: center;
}
.headertext2 a{
	border: 1px solid white;
	padding: 15px;
	font-family: calibri;
	color: white;
	text-decoration: none;
	margin: auto;
	text-align: center;
	margin-top:40px;
}
.headertext2 a:hover{
	border: 1px solid black;
	padding: 15px;
	font-family: calibri;
	color: black;
	text-decoration: none;
	background-color: #BBB513;
	margin-top: 40px;
	margin: auto;
	text-align: center;
}
img.desaturate{
	filter: grayscale(100%); 
	-webkit-filter: grayscale(100%); 
}
img.desaturate:hover{
	filter: none; 
	-webkit-filter: none; 
}
.headertext span {
	color: #BBB513;
	font-weight: bold;
}
.headertext2 span {
	color: #BBB513;
	font-weight: bold;
}
.carousel-control.right, .carousel-control.left {
	background: none
}
.contact{
	background-color: #222222;
	padding-top: 75px;
	padding-bottom: 100px;
	
}
.contact h1{
	font-family: 'Lobster', cursive;
	color: white;
	font-size: 46px;
	margin-bottom: 5px;
}
.contact span {
	font-family: calibri;
	font-size: 14px;
	margin-top: 30px;
	float:right;
}
.form-control{
	margin-top: 10px;
}
.btn-default {
	border: 1px solid white;
	border-radius: 0;
	padding: 10px;
	font-family: calibri;
	color: white;
	text-decoration: none;
	background-color: #222222;
	margin: auto;
	text-align: center;
	margin-top: 10px;
	float: right;
}
.btn-default:hover {
	border: 1px solid black;
	padding: 10px;
	font-family: calibri;
	color: black;
	text-decoration: none;
	background-color: #BBB513;
	margin: auto;
	text-align: center;
	margin-top: 10px;
	float: right;
}
.footer{
	background-color: #222222;
	color: white;
	font-family: calibri;
	font-size: 20px;
}
.footer a{
	border: 1px solid white;
	padding: 10px;
	font-family: calibri;
	font-size: 14px;
	color: white;
	text-decoration: none;
	background-color: #222222;
	margin: auto;
	text-align: center;
	margin-top: 10px;
	float: right;
	margin-bottom: 20px;
}
.footer a:hover{
	background-color: #BBB513;
}
.thumbnail {
    position:relative;
    overflow:hidden;
}
 
.caption {
    position:absolute;
    top:0;
    right:0;
    background:rgba(187, 181, 19, 0.9);
    width:100%;
    height:100%;
    padding:2%;
    display: none;
    text-align:center;
    color:#222222 !important;
    z-index:2;
	font-family: calibri;
}
.fa{
	color: white;
}
.fa-5x{
	font-size: 150px !important;
	margin-top: 88px;
}
@media only screen and (max-width: 992px){
	.headertext {
		margin: 0px;
	}
	.headertext2 {
		margin: 0px;
	}
	.headertext h1 {
		width:100%;
		font-size: 20px;
	}
	.headertext2 h1 {
		width:100%;
		font-size: 20px;
	}
	.headertext img {
		width:80%;
	}
	.headertext a{
		display:none;
	}
	.headertext2 a{
		display:none;
	}
	.works{
		padding-bottom: 30px;
	}
	.works img{
		width:80%;
	}
	.contact{
		padding: 0px;
		padding-bottom: 30px;
		text-align: center;
	}
	.contact h1{
		float: left;
	}
	.contact span{
		padding-left:15px;
	}
	.fa-5x{
		margin-top: 50px;
		text-align: center;
		font-size: 30px;
	}
@media only screen and (max-width: 768px){
	.headertext {
		margin: 0px;
	}
	.headertext2 {
		margin: 0px;
	}
	.headertext h1 {
		font-size: 20px;
	}
	.headertext2 h1 {
		font-size: 20px;
	}
	
	.headertext a{
		display:none;
	}
	.headertext2 a{
		display:none;
	}
	.headertext img {
		width:auto;
	}
	.works {
		padding: 0px;
		margin: 0px;
	}
	.contact{
		padding: 0px;
		margin: 0px;
		margin: auto;
		text-align: center;
		padding-bottom: 30px;
	}
	.contact span{
		margin-bottom: 20px;
		float:left;
		padding: 0px;
	}
	.fa-5x{
		margin-top: 30px;
		text-align: center;
		font-size: 30px;
	}
}

	
}