/*----COLOURS------
Light Green - #929d39
Dark Green - #4a5022
Light Blue border - #8ea6d5
Light-blue text - #9cb9e8
Medium Blue -#065c80
Dark Blue - #01354f
Gray (Body Copy) - #353535
*/

:root {
	font-size: 100%;
}

*,
*::before,
*::after {
	box-sizing: border-box;
}
body {
	font-family: 'Open Sans', sans-serif;
	color: #353535;
	margin: 0;	
    padding-top: 112px;
}

.phone {
	color: #065c80;
}

.nav-link {
	color: #4a5022 !important;
    font-weight:600;
    font-size: .85rem;
    margin-left: .5rem;
}

a.nav-link:hover {
    color: #929d39 !important;
}
a.nav-link.active {
    color: #929d39 !important;
}

.hero {
	background-color:#DDD;
    background-image: url("../images/Hero-image1.jpg");
	width: 100%;
	height: auto;
	overflow: hidden;
	padding: 25vh 25px;
	color: #fff;
	background-position: center bottom;
	background-size: cover;
}

.hero p {
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 20px;
	margin-top: 0;	
}
#hero-approach {
	background-image: url("../images/approach-banner.jpg");
	width: 100%;
	height: auto;
	overflow: hidden;
    margin: 0;
	padding: 30vh 25px;
	background-position: center center;
	background-size: cover;
}
.anchor {
    display:block;
    padding-top: 112px;
    margin-top: -112px;
}
.services-header {
    font-size: 2em;
    color: #065c80;
}
h1, 
h2,
h3 {
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 600;
}
h1 {
	font-size: 48px;
	margin-bottom: 0;
}
h3 {
	color: #9cb9e8;
    padding-top: .75rem;
    font-size: 22px;
}
h2 {
	text-align: center;
	font-size: 2.25em;
    margin: 1rem 0;
    color: #065c80;
}
.services {
	background-color: #065c80;
	border-top: 5px solid #8ea6d5;
	padding-bottom: 1.5rem;
}
.white {
	color: #fff;
}
.caption-name {
    color:#4a5022;
    font-size: 1.25em;
    font-weight: 600;
    
}
.credentials {
    color: #065c80;
    line-height: 1.25;
}
.approach-intro {
        font-size: 2.25em;
        color: #353535;
        font-weight: 600;
} 
.btn {
	background-color: #01354f;
	border: 2px solid #8ea6d5;
	border-radius: 4px;
	color: white;
	font-size: .75em;
	padding: 10px 15px;
	text-align: center;
}
.contact-blue {
    background-color: #065c80;
    border-top: 5px solid #8ea6d5;
}
form {
	background-color: #BBBBBB;
	width: 100%;
	padding: 25px;
}
input[type=text] {
	width: 100%;
	height: 2em;
	border: 1px solid rgb(153,153,153);
}
input[type=text].message {
	height: 200px;
}
input[type=button] {
	background-color: #065c80;
	border: 2px solid #8ea6d5;
	border-radius: 4px;
	color: white;
	padding: 10px 32px;
	text-decoration: none;
	margin: 4px 2px;
	cursor: pointer;
	margin-top: 15px;
	float: right;
}
input[type=submit]{
	text-align: center;
}
.fa-paper-plane,
.fa-phone,
.fa-map-marker-alt{
	color: #8ea6d5;
}
.privacy {
    background-color: #4a5022;
    color: #DDDDDD;
    border-top: solid 3px #929d39;
    padding: 0 1rem;
    margin-top: 2rem;
}
footer {
	background-color: #353535;
	text-align: center;
	padding: 1rem 0 .5rem;
}    
 
/*MEDIA QUIERIES*/

@media screen and (max-width:480px){
    .anchor {
    padding-top: 300px;
    margin-top: -300px;
}
    .hero {
	background-color:#DDDDDD;
    background-image: url("../images/Hero-image-sm.jpg");
	width: 100%;
	height: auto;
	overflow: hidden;
	padding: 15vh 10px;
	color: #fff;
	background-position: center center;
	background-size: cover;
	} 
    .hero h1 {
    font-size: 40px;
    padding-right: 5px;
    }
    .hero p {
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 21px;
    padding-right: 10px;
	margin-top: 0;	
	}
    #hero-approach {
	background-color:#DDDDDD;
    background-image: url("../images/approach-banner-sm.jpg");
	width: 100%;
	height: auto;
	overflow: hidden;
    margin: 0;
	padding: 7vh 1px;
	background-position: center;
	background-size: cover;
	}
    .approach-intro {
        font-size: 1.25em;
        line-height: 1.25;
	}
}