.banner{
	background: linear-gradient(transparent, transparent, #000),url(img/masthead-image.jpg);
	background-size:cover;
	background-repeat: no-repeat;
	background-position: 50% 40%;
	text-align:right;
	min-height:50vh;
	padding:0 75px;
}
	.banner a,
	.promise a,
	.possibilities .slider-control  a{
		text-decoration:none;
}

.banner p{
		font-size:1.1em;
		line-height:1.6;
		max-width:1000px;
		margin:50px auto;
}
	
.masthead-content{
    display: flex;
    align-items: flex-end;
    height: 48vh;
	max-width: 1950px;
	margin:0 auto;
}
.masthead-content h1{
	text-align: left;
	margin:0;
}
.masthead-content p{
	font-size:2.2em;
	font-weight: 600;
	letter-spacing: -1;
	line-height: 1;
	text-align: left !important;
	margin:0;
}

@media only screen and (max-width:1200px){
	.main h1{
		font-size:2em;
	}
	

}

@media only screen and (max-width:700px){
	.main h1{
		font-size:3em;		
	}
	
	.main h2{	
		font-size:2em;
	}
	
}

@media only screen and (max-width:500px){
	.main h1{
		font-size:2.2em;
	}
	
	.main h2{	
		font-size:2em;
	}
	
}

@media only screen and (max-width:600px){	
	.masthead-content h1{
		font-size:2em;
	}
	.masthead-content p{
		font-size:1em;
		letter-spacing: 1;
	}
	.masthead-content{
		margin-right: 0;
	}
	header {
    padding: 0 20px;
}
	#name-and-slogan {
    padding: 20px 20px;
}
	.banner {
    padding: 0 20px;
}
}