
html{
	font: normal 18px / 24px \nunito, arial, sans-serif;
	color:#333333;
}

body{
	font-family:'nunito', arial, sans-serif;
	color:#333333;
}


/****************/
/*NAVBAR*/
/****************/
.navbar{
	
	background:rgba(0, 0, 0, 0.9);
}

.navbar-light .navbar-nav .nav-link{
	color:#ae997a;
	text-transform: uppercase;
}

.navbar-light .navbar-nav .nav-link.js-scroll-trigger.active{
	color:#FFF;
}

.navbar-light .navbar-nav .nav-link:hover{
	color:#FFF;
}

.navbar-light .navbar-toggler{
	color: rgba(255,255,255,.5);
    border-color: rgba(255,255,255,.5);
    background:rgba(255,255,255,1);
}


/****************/
/*Masthead*/
/****************/
.masthead h2.display-2{
	font-size:2.5rem;
	font-weight: bold;
	color:#ae997a;
}

@media (min-width: 768px) {
.masthead h2.display-2{
	font-size:4rem;
	color:#333333;
}
}


.masthead{
    padding-top: 1.5rem;
    padding-bottom: 0;
    background-color:#000;
    background-image:url('../img/sarum-bg-about-v2.jpg');
    background-position: top center;
    background-repeat: no-repeat;
    background-attachment: fixed;
}

@media (min-width: 768px) {
.masthead{
	padding-top: 2.5rem;
	height: 100vh;
    min-height: 50rem;

}
}

.masthead .lead{
	background:rgba(255, 255, 255, 0.7);
	padding:25px;
	font-size:1.4em;
}

@media (min-width: 768px) {
.masthead .lead{
	background:rgba(0, 0, 0, 0);
	padding:0;
}	
}


/****************/
/*LINKS*/
/****************/
a{
	color:#007934;
}

a:hover{
	color:#007934;
	text-decoration: underline;
}


/****************/
/*colours*/
/****************/

.green{
	color:#007934 /*2019*/;
}

.white{
	color:#FFF;
}

/****************/
/*background colours*/
/****************/
.bg-green, .bg-secondary{
	background-color:#007934!important /*2019*/;
}

/****************/
/*Buttons*/
/****************/
.btn-primary{
	background:#007934;
}
.btn-secondary{
	background:#007934;
}
.btn-outline-primary{
	border:1px solid #FFF;
	color:#FFF;
	border-radius: 0;
	padding-left:20px;
	padding-right:20px;
	text-transform: uppercase;
	background:rgba(0, 0, 0, 0.2);
}
.btn-outline-primary:hover{
	border:1px solid #FFF;
	background:#FFF;
	color:#007934;
}

/****************/
/*CONTACT*/
/****************/

.contact-container{
	background:url('../img/sarum-bg-contact.jpg') no-repeat top center scroll;
	background-position: center bottom;
    background-repeat: no-repeat;
    background-size: cover;
    color:#FFF;
}

@media (min-width: 768px) {
.contact-container{
	height: 90vh;
    min-height: 50rem;
}
}


#contact p, #contact a{
	color:#FFF;
}

/****************/
/*FOOTER*/
/****************/


.footer{
	background:#000;
}

.footer p, .footer a{
	color:#FFF;
}