header{
	background: #fff;
	color: #000;
	line-height: 40px;
	padding: 0 20px 0 55px ;
	position:relative;
	left:0;
	top:0;

}

#middle {width: 100%; float: left;z-index: 0; padding-left: 20px}
#middle h1 {margin-bottom: 5px;}
.highlight h1 a:after {position: absolute; 
    padding-left:15px; 
    margin-top: -7px;
    opacity: .7;
    content: url('../img/redarrow.png')}

.highlight h1 a:hover:after {content: url('../img/redarrow.png') url('../img/redarrow.png') ;}
.highlight h1 a {color: black; opacity: 1;  }
.highlight h1 a:hover {color: #898989; text-decoration: none; }

#right {width: 100%; float: right; padding:0 20px 0 20px;  }


#right ul {margin:0;  padding:10px 0 0 0;}
.faq li {list-style: none; margin: 15px 0; }
.faq a {color: #898989;}

.content h1 {color: black; font-style: italic; font-weight: 300; margin-top: 10px}
.content h1.FAQs {font-style: normal; font-weight: 400;}
.content {padding:0;}

.call {margin-top: 20px; text-align: center; font-size: 1em}

.badges {
	margin: 40px 0 0 0;
    display: flex;
    /* align-content: space-around; */
    padding: 10px;
    /* flex-wrap: wrap; */
    flex-flow: row wrap;
    /*justify-content: space-around;*/
    justify-content: flex-start;
}

.badges a {
	margin: 0 10px 10px 0;
}

@media screen and (max-width: 639px){
	blockquote {
	    color:#898989;
	    font-size:1.1em;
	    line-height:1.2;
	    text-align:center;
	    padding:24px 36px;
	    margin:0 20px 0 0;
	    margin-bottom:30px;
	    border:solid 1px rgb(220,220,220);
	    position:relative;
	}
 
	blockquote:before,
	blockquote:after {
	    position:absolute;
		width:35px;
	    height:35px;
	    content:".";
	    font-size:0;
	}
 
	blockquote:before {
	    background-image:url(../img/open-quote.png);
	    top:0;
	    left:0;
	}
 
	blockquote:after {
	    background-image:url(../img/close-quote.png);
	    bottom:0;
	    right:0;
	}

}

@media screen and (min-width:640px){
	#middle {width:50%;  padding-left:0; text-shadow: black 0.1em 0.1em 0.2em}
	#right { width:50%}
	hr {margin: 10px 0; color: #898989; background-color: #898989}
	.nursing {
		width:100%; 
		max-height: 500px; 
		background: #fff url(../img/nursing.png) no-repeat  bottom; 
		background-size: cover; -ms-behavior: url(../../backgroundsize.htc); behavior: url(../../backgroundsize.htc); }
	.injury {
		width:100%; 
		max-height: 500px; 
		background: #fff url(../img/injury.png) no-repeat; 
		background-size: cover; -ms-behavior: url(../../backgroundsize.htc); behavior: url(../../backgroundsize.htc);}
	.highlight {padding: 150px 0 0 0; color: #fff; }
	.highlight h1 a {color: white;}
	.highlight h1 a:hover {color: #ee352a; text-decoration: none;}
	.highlight h1 a:after {content: url('../img/arrow.png')}
	
	blockquote:before {content:open-quote;}
 	blockquote:after {content:close-quote;}
 	
 	.quote { background: url(/assets/img/background.png) repeat; padding:15px; }
	#right {padding:0 50px 0 20px;}
	.call {text-align: left; margin-top:0;}

}

@media screen and (min-width:900px){

	header {
		width:50%;
		padding: 10px 0px 20px 0 ;
		background-color: white;
		top:0;
		z-index: 5!important;
		
				
	}

  	.call {
  		-webkit-transition:all 2s; -ms-transition:all 2s; -moz-transition:all 2s; -o-transition:all 2s; transition:all 2s;
 		height: 300px;  
 		padding-top: 50px; 
 		padding-left: 170px; 
 		opacity: 1; 
 		background: url(../img/plus.png) no-repeat; 
 		z-index: 10!important; 
 		position: relative; 
 		margin-top: -157px; 
 		margin-left: -162px;
	}
	.content {margin-top: -125px; margin-left: 10px;}
	.content h1 {margin-top: 0;}
	
	#middle {width:60%;}
	#right { width:40%}
	hr {margin: 20px 0}

	.highlight {padding: 250px 0 0 0;  }

}


@media screen and (min-width:1500px){
	.highlight {padding: 300px 0 0 0;  }
	blockquote {font-size: 1.1em;}
}