@media only screen and (max-width: 1130px) {
    
    .hero-text{
        background: #92cd62;
        width: 50%;
        padding: 20px;
    }
     
}


@media only screen and (max-width: 900px) {
    
    
   .header{
        position: relative;
    }

    .mobile-nav-icon{
        display: inline-block;
        cursor: pointer;

    }
        
    .nav{
        display: inline-block;
        float: right;
        position: absolute;
        top: 25px;
        right: 120px;
        margin: 0;
        display: none;
        width: 150px;
        padding-top: 0;
    }

    .nav-item{
        display: block;
        height: 25px;
        vertical-align: middle;
        text-align: right;
        font-family: 'lato';
        font-size: 15px;

        text-transform: uppercase;
        text-decoration: none;
        font-weight: 700;
        border: 0;

    }
    
    
    
    .nav-item:hover{
        border: 0;
        color: #92cd62;
    }
    
    
    
    
    .hero-text h3{
        font-size: 24px;

    }

    .hero-text p{

        font-size: 17px;
        line-height: 22px;

    }

    .lead img{
        width: 400px;
        height: auto;
    }
    
    
    .form h3{
        padding: 0 10%;
    }
    
    .form input{
        width: 100%;
    }
    
    .span_1_of_3{
        width: 80%;
        margin: 10px 10%;
    }
    
    .form input[type="submit"]{
        width: 100%;
        margin: 0;
    }
     
}

@media only screen and (max-width: 700px) {


    .hero{
        height: 300px;
        padding-top: 90px;
    }
    
    .hero-text{
        width: 100%;
    }    

}

@media only screen and (max-width: 600px) {
    
  	.lead p img{
		width: 60vw;
		height: auto;
	}

    .iframe{
        width: 392px;
        margin: 50px auto 0;
    }
    .iframe iframe{
        width: 392px;
        height: 220,5px;
    }
    
    .header{
        padding: 0 10px;
    }
    
    .nav{
        right: 70px;
    }
}





@media only screen and (max-width: 480px) {

	.iframe iframe{
        width: calc(392px * 0.85);
        height: calc(220,5px * 0.85);
    }
    

	.col { 
		margin: 1% 0 1% 0%;
	}
	.span_3_of_3 {
		width: 100%; 
	}
	.span_2_of_3 {
		width: 100%; 
	}
	.span_1_of_3 {
		width: 100%;
	}
}
	.span_12_of_12 {
		width: 100%; 
	}
	.span_11_of_12 {
		width: 100%; 
	}
	.span_10_of_12 {
		width: 100%; 
	}
	.span_9_of_12 {
		width: 100%; 
	}
	.span_8_of_12 {
		width: 100%; 
	}
	.span_7_of_12 {
		width: 100%; 
	}
	.span_6_of_12 {
		width: 100%; 
	}
	.span_5_of_12 {
		width: 100%; 
	}
	.span_4_of_12 {
		width: 100%; 
	}
	.span_3_of_12 {
		width: 100%; 
	}
	.span_2_of_12 {
		width: 100%; 
	}
	.span_1_of_12 {
		width: 100%; 
	}
}