@charset "UTF-8";
/* CSS Document */

/**************************
DESKTOP CSS
**************************/

@media all and (min-width : 0px)

{
	
	
.topper-wrapper {width: 100%;
height:82px;
background-color:black; }

.topper {width: 100%;
height:75px;
border-bottom: dashed 2px white;}

.topper-content {width:320px;
height:75px;
margin:auto; }

.logo {width: 215px;
height: 70px;
background-image:url(images/logo.png); 
float:left;}


.slogan {width:0px;
height:70px;
background-image:url(images/slogan.png);
float:left;
background-size:500px; 
background-position:center;
background-repeat: no-repeat;
display: none;}
	
	
	

#page-wrapper {width: 323px;
margin: auto;
margin-top:0px;
margin-top:20px;
height: auto;
box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, .8);
	background-image:url(images/background.png);
	background-size: cover;}


	
#header {width:323px;
height:130px;
margin: auto;
background-image: url(images/header-2.png);
	background-size: 100%;
	background-repeat: no-repeat;
}	
	
	
#info {width:323px;
height:135px;
margin:auto;
	background-image:url(images/sales-graphic.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 98%;}	
	
#form {width: 303px;
	height:auto;
	margin:10px;}		
	

	

	
.jobs-wrapper {width:300px;
height: auto;
margin-left:10px;
margin-bottom:10px;}

.florida-job1 {width:300px;
height:200px; 
float:left;
border:1px black solid;
box-sizing:border-box;
background-image:url(images/florida1.jpg);
margin-bottom:10px;
margin-top:10px;
	background-position:center;}

.florida-job2 {width:300px;
height:200px;
float:left; 
border:1px black solid;
box-sizing:border-box;
background-image:url(images/florida2.jpg);
margin-bottom:10px;
	background-position:center;}

.florida-job3 {width:300px;
height:200px;
float:left;
border:1px black solid;
box-sizing:border-box;
background-image:url(images/florida3.jpg);
margin-bottom:10px;
	background-position:center;}
	


.how-it-works-wrapper {width:300px;
height: auto;
margin-left:10px;
margin-bottom:10px;}	
	

.info-graphic {width: 300px;
height:290px;
float:left;
background-image: url(images/howitworks-new.jpg);
background-repeat:no-repeat; 
margin-right:10px;
background-size: 300px;
border: solid 1px black;
box-sizing:border-box;}

.how-it-works-text {width: 300px;
height:auto;
float:left; 
font-family:alegreya;}
	
	
	
	
.testimonials-wrapper {width:300px;
height: auto;
margin-left:10px;
margin-bottom:10px;}	
		
.new-testimonial {width:300px;
height: auto;
margin-top:0px;}

.new-testimonial-image {width:300px;
height:300px;
float:left; 
background-image:url(images/testimonial-people.jpg);
border: solid 1px black;
box-sizing:border-box;
margin-bottom:10px;}

.new-testimonials-block {width:300px;
height:270px; 
float:left;
box-sizing:border-box;}

.new-testimonials-block2 {width:300px;
height:270px; 
float:left;
box-sizing:border-box;}

.new-testimonial-text {margin-bottom:20px;
font-family:"Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif; 
float:left;
line-height:150%;
text-indent:0px;
font-size:14px;}
	

	
	
.green-okie-wrapper {width: 323px;
margin: auto;
margin-top:20px;
margin-bottom:20px;
height: auto;
box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, .8);
background: radial-gradient(#565656, #000000);}
	
	.green-okie-logo {width:323px;
	height:80px;
	background-image: url(images/green-okie-logo.jpg);
	background-size: 100%;
	background-repeat: no-repeat;}	
	
	.green-okie-text {width:303;
	margin:10px;
	font-family:alegreya;
	color:#ADADAD;
	padding-bottom:10px;}

	
	
}