body {
	font-family: Stilu;
	color: #766e60;
	font-size: 16px;
}

a, a:hover, a:active a.focus {
	color: #766e60;
}

@font-face {
    font-family: DroidSerif;
    src: url(fonts/DroidSerif-Bold.ttf);
}

@font-face {
    font-family: Stilu;
    src: url(fonts/Stilu-Regular.otf);
}

@font-face {
    font-family: COPRGTL;
    src: url(fonts/COPRGTL.TTF);
}

h1, h2, h3, h4, h5 {
	font-family: DroidSerif;
	color: #442d19;
}

.brown-color {
	color: #765a4b;
}

.max-width-img img{
	width: 100%;
}

.navbar .navbar-nav {
    display: inline-block;
    float: none;
    font-family: typoster;
}

.navbar .navbar-nav li a {
	color: #f3ede4 !important;
	font-size: 14px;
	font-family: DroidSerif;
}

.navbar .navbar-nav li a:hover, .navbar .navbar-nav li a:focus, .navbar .navbar-nav li a:active {
	color: #f3ede4 !important;
	text-decoration: none;
	background-color: #21150a;
}

.navbar .navbar-collapse {
    text-align: center;
}

.header {
	background: url(images/bg.jpg);
	background-size: cover;
}

.star-header {
	background: url(images/head-bg.png);
	background-position: 0% 50%;
	background-repeat: no-repeat;
}

.header .content {
    padding: 30px 0px;
    float: left;
    width: 100%;
}

.header-phone a {
	font-size: 22px;
	color: #442d19;
}

.header-phone a:hover {
	color: #442d19;
}

.navbar-default {
    background: background: rgba(68,45,25,1);
	background: -moz-linear-gradient(top, rgba(68,45,25,1) 0%, rgba(68,45,25,1) 46%, rgba(51,34,19,1) 54%, rgba(51,34,19,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(68,45,25,1)), color-stop(46%, rgba(68,45,25,1)), color-stop(54%, rgba(51,34,19,1)), color-stop(100%, rgba(51,34,19,1)));
	background: -webkit-linear-gradient(top, rgba(68,45,25,1) 0%, rgba(68,45,25,1) 46%, rgba(51,34,19,1) 54%, rgba(51,34,19,1) 100%);
	background: -o-linear-gradient(top, rgba(68,45,25,1) 0%, rgba(68,45,25,1) 46%, rgba(51,34,19,1) 54%, rgba(51,34,19,1) 100%);
	background: -ms-linear-gradient(top, rgba(68,45,25,1) 0%, rgba(68,45,25,1) 46%, rgba(51,34,19,1) 54%, rgba(51,34,19,1) 100%);
	background: linear-gradient(to bottom, rgba(68,45,25,1) 0%, rgba(68,45,25,1) 46%, rgba(51,34,19,1) 54%, rgba(51,34,19,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#442d19', endColorstr='#332213', GradientType=0 );;
    border-color: transparent;
}

.navbar {
	margin-bottom: 0px;
}

.nav>li>a {
    padding: 15px 25px;
}

.banner img {
	width: 100%;
}

.page-content-container {
	background-color: #e0dad0;
	background-image: url(images/body-bg.jpg);
	background-position: 0% 0%;
	background-repeat: no-repeat;
	margin-top: -19px;
}

.page-content {
	padding: 50px 0px;
}

.btn-default.custom {
    background-color: #442d19;
    color: #fff;
    padding: 13px 20px;
    border-radius: 0px;
}

.thumbnail {
	float: left;
	background-color: transparent;
	border: 1px solid #766c65;
	padding: 25px;
	min-height: 600px;
}

.thumbnail .caption {
    padding: 9px;
    color: #766e60;
}

.page-footer {
	background-color: #442d19;
	text-align: center;
	padding: 50px 0px;
	color: #fff;
	font-size: 12px;
}

.page-footer a, .page-footer a:hover, .page-footer a:focus, .page-footer a:active {
	color: #fff;
}

.footer-spacer {
    padding: 10px;
}

.font-lg {
	font-size: 30px;
}

.font-lg-COPRGTL {
	font-size: 22px;
	font-family: COPRGTL;
}

.footer-img-max img {
	width: 100%;
}

.address-label {
	width: 80px;
}

.contact-form {
	padding: 0px 50px;
	border: 1px solid #c1b7ab;
	border-radius: 5px;
}

.contact-head {
    background: #442d19;
    width: 132px;
    padding: 10px 35px;
    color: #fff;
}

.contact-form .form-group label {
    color: #333333;
}

.img-map-right {
	float: right;
	margin-left: 100px;
}

.modal-body img {
    max-width: 100%;
}

.modal-body {
	text-align: center;
}

.comming-soon {
	text-align: center;
	font-family: Stilu;
	color: #766e60;
}

#comming-soon tbody tr td:nth-child(1) {
    font-weight: bold;
}

button.btn.btn-default.brown {
    width: 100%;
    background-color: #442d19;
    color: #fff;
}

@media (min-width: 992px) {
	.header-phone {
		text-align: right;
		margin: 13px 0px;
	}

	.content-margin-left {
		margin-left: 50px;
	}
}

@media (max-width: 991px) {
	.header, .header-phone {
		text-align: center;
	}

	.star-header {
		background-size: cover;
	}
}

@media (max-width: 677px) {
	#vaquero-ranch .img-map-right {
		width: 100%;
	}

	#vaquero-ranch .img-map-right{
		float: none;
		margin-left: 100px;
		margin-top: 20px;
		margin-bottom: 20px;
		margin-left: 0px;
		text-align: center;
	}
}

@media (max-width: 633px) {
	#south-ridge .img-map-right, #lonestar .img-map-right, #west-side .img-map-right{
		float: none;
		margin-left: 100px;
		margin-top: 20px;
		margin-bottom: 20px;
		margin-left: 0px;
		text-align: center;
	}

	#lonestar .banner-no-bg img {
		width: 90%;
	}
}

@media (max-width: 477px) {
	#lonestar .img-map-right {
		width: 100%;
	}

	#vaquero-ranch .banner-no-bg img {
		width: 90%;
	}

	#west-side .img-map-right {
		width: 100%;
	}

	#contat-us .contact-form {
    	padding: 0px 20px;
    }

}

@media (max-width: 360px) {
	#south-ridge .img-map-right {
		width: 100%;
	}
}