body{
	background: #efefef;
	color: #1d1d1d;
}

.row{
	margin-left: 0px;
	margin-right: 0px;
}

.form-control{
    border-radius: 0px !important;
}

.bg-custom{
    background: #be9e54;
    border-radius: 0px;
    color: #fbfbfb;
}

.sps{
	transition: all 0.45s ease;
}

.sps-delay{
	transition-delay: 0.25s;
}

header.header{
	background: url(/assets/files/top.jpg);
	background-position: center;
	background-size: cover;
	border-bottom: 2px #222323 solid;
}

header.sps--abv{
	padding-bottom: 40px;
}

header.sps--blw{
	padding-top: 100px;
}

header.header h1.display-4{
	color: #be9e54;
	font-weight: 400;
	border-right: 6px #222323 solid;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-top: 10px;
}

header.header nav.sps--abv {
	background-color: transparent !important;
}

header.header nav.sps--blw {
  position: fixed;
  top: 0;
  left: 0;  
  background-color: rgba(190, 158, 84, 1);
  width: 100%;
  z-index: 3;
  border-bottom: .1px white solid;
}  

a.navbar-brand img.sps--abv{
	height: 70px;
}

a.navbar-brand img.sps--blw{
	z-index: 1;
	position: fixed;
	height: 55px;
}


main section.content{
	padding-top: 30px;
	padding-bottom: 50px;
    min-height: 55vh;
}

main section.content .card{
	background: white;
	border: 2px #dbdbdb solid;
	border-radius: 0px;
}

main section.content .card-img{
	border-radius: 0px;
}

main section.content .card-img-overlay-text{
	background: rgba(190,158,84,.7);
	margin: 0px;
	padding: .5rem; /*1.58rem;*/
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: 0px;
}

main section.content .display-5 {
	font-size: 2rem;
	font-weight: 300;
	line-height: 1.2;
}

main section.content a.page-link{
	color: #be9e54;
}

main section.content .page-item.active .page-link {
	background-color: #be9e54;
	border-color: #be9e54;
}

footer.footer{
	background: #222323;
	color: #fbfbfb;
	padding-top: 20px;
	padding-bottom: 20px;
	display: flex;
	height: 100%;
}

footer.footer h4{
	color: #be9e54;	
}

footer.footer .navigation{
	display: inline-block;
	align-self: flex-end;	
}

footer.footer .social{
	text-align: center;
	display: inline-block;
	align-self: flex-end;	
}

footer.footer .stuff{
	text-align: right;
	display: inline-block;
	align-self: flex-end;
}

    footer.footer p.bottom{
        text-align: right;
    }

/*
* -------------------
*  RESPONSIVE STYLES
* -------------------
*/
@media screen and (max-width: 765px) {
	a.navbar-brand img.sps--blw{
		z-index: inherit;
		position: inherit;
		height: 50px;
	}

	header.header nav.sps--blw {
	    background-color: #222323;
	}  
    
    footer.footer h4{
        text-align:center;
        margin-bottom: 30px;
    }
    
    footer.footer  ul.nav{
        text-align: center;
    }
    
    footer.footer p.bottom{
        text-align:center;
    }
}