@import url('https://fonts.googleapis.com/css?family=Montserrat');




div.bkg-headline {
	
width: 100%;
background-image: linear-gradient(180deg, #1997a6 0%, #157782 100%);
 height: auto;		
 max-height: 300px;

} 
div.greybkg {
	

background-color: #f5f5f5;	
	
}


div.contactbox {
	
background-image: linear-gradient(180deg, #eeecec 0%, #dadada 100%);
border: 3px solid #cac9c8;
border-radius: 7px;
width: 80%;
height: auto;
padding: 15px;
margin: 0 auto;	
	
	
}

div.bkgmobile {
	
width: 100%;
background: url('http://www.makegreengogreen.com/images/sysben/bkg-mobile.jpg') no-repeat center center ; 

background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;

 height: auto;		
	
	
}



h1 {
	
font-family: 'Montserrat', sans-serif;
color: #207683;
font-size: 2.3em;
font-weight: 500;
text-align: center;
line-height: 1em;		
	
	
}

h2 {
	
font-family: 'Montserrat', sans-serif;
color: #207683;
font-size: 2em;
font-weight: 500;
text-align: center;
line-height: 1em;		
	
	
}

h1.inverted {
	
color: white;

	
}


a.login,  a.login:visted {
	
text-align: right;
font-size: 11pt;
color: white;
	
	
}

p.contactname {
	
font-family: 'Montserrat', sans-serif;

font-size: 2.5em;
font-weight: 500;
text-align: center;
line-height: 1em;		
	
	
}

p.contactdetails {
	
font-family: 'Montserrat', sans-serif;
color: #383838;
font-size: 1em;
font-weight: 500;
text-align: left;
line-height: 1em;		
	
	
}



p  {
	
font-family: 'Montserrat', sans-serif;
color: #383838;
font-size: 1.3em;
font-weight: 300;
text-align: left;
line-height: 1.3em;		
	
	
}

span.bold {
	
font-weight: 500;	
color: #207683;
	
}

p.headline {
	

font-family: 'Montserrat', sans-serif;
color: white;
font-size: 2.8em;
font-weight: 500;
text-align: center;
line-height: 1em;	
	
}	

p.calltoaction {
	

font-family: 'Montserrat', sans-serif;
color: white;
font-size: 1.8em;
font-weight: 500;
text-align: center;
line-height: 1em;	
	
}	


ul {
    list-style: none;
    padding:0;
    margin:0;
}



li { 

padding-left: 1em; 
text-indent: -.15em;
font-family: 'Montserrat', sans-serif;
color: #383838;
font-size: 1.8em;
font-weight: 300;
line-height: 1.3em;



}

li:before {
    content: "• ";
    color: #207683;  
}




button.calltoaction, input[type="submit"] {

background-image: linear-gradient(180deg, #1997a6 0%, #157782 100%);
border: 3px solid white;
border-radius: 7px;
padding: 10px;
color: white;
font-family: 'Montserrat', sans-serif;
font-size: 1.4em;
font-weight: 300;
text-align: center;
line-height: 1.3em;	
	
	
}

button.calltoaction:hover, input[type="submit"]:hover {
	
background-image: linear-gradient(180deg, rgba(25,153,166,0.56) 0%, rgba(21,119,130,0.77) 100%);
color: white;

}

button.calltoaction2 {

background-image: linear-gradient(180deg, #ffd86c 0%, #ffa300 100%);
border: 3px solid white;
border-radius: 7px;
padding: 10px;
color: #207683;
font-family: 'Montserrat', sans-serif;
font-size: 1.4em;
font-weight: 700;
text-align: center;
line-height: 1.3em;	
	
	
}

button.calltoaction2:hover {
	
background-image: linear-gradient(180deg, #ffd86c 0%, #ffa300 100%);
color: #207683;

}