@charset "UTF-8";
/* CSS Document */

nav.navbar{
	background-color: #fff;
	box-shadow: 0 0 15px 0 rgba(0,0,0,.33);
}

.nav-link{
	color:#8e8e8e;
	text-transform: uppercase;
}

.nav-link:hover{
	color: #212529;

}

a{
	transition: color ease-in-out .3s;
}

.tel .nav-link span{
	padding: 0 .35rem;
	display: inline-block;
	background-color: #f39e33;
	color: #fff;
}

.navbar-brand img{
	width: 225px;
}

.banner{
	position: relative;
	text-align: center;
	background-color: #ccc;
	background-image: url('../images/banner-image.jpg');
	background-size: cover;
	background-repeat: no-repeat;
	box-shadow: inset 0 -300px 200px 0 rgba(0,0,0,0.75);
}

.banner-text{
	padding: 40rem 0 5rem;
	color: #fff!important;
}

.bold{
	font-weight: 700;
}

h1,h2,h3,h4{
	font-family: 'Gelasio', serif;
}

a{
	text-decoration: none;
}

.btn.btn-orange{
	padding: 1rem 2rem;
	text-transform: uppercase;
	border: 0!important;
	outline: 0!important;
	box-shadow: none!important;
	border-radius: 0;
	color: #fff;
	background-color: #f39e33;
}

.bg-sand{
	background-color: #a49a8c;
}

.bg-grey{
	background-color: #ddd;
}

.para{
	position: relative;
	overflow: hidden;
	color: #fff;
	background-color: #ccc;
	background-image: url('../images/money.jpg');
	background-size: cover;
	background-repeat: no-repeat;
	background-attachment: fixed;
}

.para:before{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.8);
	content: '';
}

footer{
	padding-top: 3rem;
	border-top: solid 1px #ddd;
	font-size: 85%;
	background-color: #e5e5e5;
}

.footer-logo{
	width: 100%;
	max-width: 200px;
	margin-top:2rem;
}

footer a{
	color: #212529;
	border-bottom: dotted 1px #212529;
}

footer a:hover{
	color: #f39e33;
}

.anchor{
	display: block;
	position: relative;
	visibility: hidden;
	top: -96px;
}

@media(max-width:1199px){
	.banner-text{
		padding: 33rem 0 5rem;
	}
	
	.footer-logo{
		margin-top: 3rem;
	}
}

@media(max-width:991px){
	.navbar-brand img{
		width: 150px;
	}
	
	.anchor{
		top: -73px;
	}
	
	.banner-text{
		padding: 27rem 0 5rem;
	}
	
	.footer-logo{
		margin-top: 0;
		margin-bottom: 2rem;
	}
	
}

@media(max-width:767px){
	h1{
		font-size: 2rem;
	}
	
	h2{
		font-size: 1.6rem;
	}
	
	h3{
		font-size: 1.45rem;
	}
	
	.lead{
		font-size: 1rem;
	}
	
	.para{
		background-attachment: scroll;
	}
}

@media(max-width:600px){
	h1{
		font-size: 1.8rem;
	}
	
	.banner{
		background-position: center;
		background-image: url('../images/banner-image-sm.jpg');
	}
	
	.para{
		background-image: url('../images/money-sm.jpg');
	}
	
	.banner-text{
		padding: 17rem 0 5rem;
	}
}
