/* #Media Screens
================================================== */

	/* #1024x768 (1200px)
	================================================== */

	    @media only screen and (min-width: 1200px) {
		    
	    }


    /* #iPad (Portrait)
    ================================================== */
        @media only screen and (max-width: 959px) {	
        	
        	
        	
        	/* ==========================================
        	Hero
			========================================== */
			
			.home .flexslider {
				min-height: 220px;
			}
			
        	.home .flexslider.hero h2 {
				font-size: 60px;
				line-height: 130%;
        	}
        	
        	
        	/* ==========================================
        	Main-content
			========================================== */        	
        	.main-content h3.tagline {
	        	font-size: 22px;
        	}
        	
        	h3 {
	        	font-size: 26px;
        	}
        	
        	.quoteRequest h3 {
	        	line-height: 135%;
        	}


        	/* ==========================================
        	Footer
			========================================== */ 

        	/* ==========================================
        	Footer
			========================================== */ 
			
			.footer h3 {
				line-height: 130%;
			}
			
			.footer p {
				line-height: 140%;
				font-size: 12px;
			}
			
			.footerNav li a {
				padding: 10px 5px;
			}
        	
		}          
        
    /* #iPhone5 (Landscape 520px)
    ================================================== */
    
        @media only screen and  (max-width: 767px) {

        	/* ==========================================
        	Header
			========================================== */
			
			#mainPage {
				padding-top: 60px;
			}
			
			.header {
				position: fixed;
				top: 0;
				left: 0;
				width: 100%;
				z-index: 999;
				padding-bottom: 5px;
				
				-webkit-border-radius: 0;
				-moz-border-radius: 0;
				border-radius: 0;
			}
			
			.headerLogo img {
				height: 50px;
			}
			
			ul.headerNav {
				display: none;
			}
			
			a.mobileMenuButton {
				display: block;
				float: right;
				margin-top: 15px;
				padding-left: 10px;
				margin-bottom: 0;
				
			}
			
			p.phone {
				font-size: 16px;
				margin-top: 18px;
				margin-bottom: 0;
			}

        	/* ==========================================
        	Hero
			========================================== */
			
			.home .flexslider {
				min-height: 150px;
			}
			
        	.home .flexslider.hero h2 {
				font-size: 40px;
				line-height: 130%;
        	}


        	/* ==========================================
        	Main Content
			========================================== */
        	
        	
        	.main-content h3.tagline {
	        	font-size: 20px;
	        	line-height: 125%;
        	}	
        	
        	.pageTitle h1 {
	        	font-size: 50px;
        	}
        	
        	h2 {
	        	font-size: 30px;
        	}		
        	
        	.main-content .quoteRequest {
	        	display: none;
        	}
        	
        	br.homebreak {
	        	display: none;
        	}

        	/* ==========================================
        	Resources
			========================================== */
			.resources .two-columns.nested.touch .column {
				width: 50%;
			}
			
			.resources .two-columns h3 {
				line-height: 130%;
			}
			


        	/* ==========================================
        	Contact
			========================================== */			
			.contact-form .column.no-left,
			.contact-form .column.no-right {
				padding: 0;
				margin-bottom: 0;
			}
			
			.contact-form textarea {
				margin-bottom: 20px;
			}
			
			.contact-form input[type="submit"] {
				width: 100%;
			}
			
			

        	/* ==========================================
        	Footer 
			========================================== */
			.footer img.map {
				display: none;
			}
			
			input[type="text"], 
			input[type="password"], 
			input[type="email"], 
			input[type="submit"],
			textarea, 
			select {
				font-size: 12px;
			}
			
			.quoteRequest input[type="submit"] {
				height: auto;
				padding: 10px 0;
			}
			
			.footerLogo {
				width:60%;
				margin: 0 auto;
				display: block;
			}
        }
    
    /* #Mobile (Landscape 480px)
    ================================================== */
    
        @media only screen and (max-width: 519px) {


        	/* ==========================================
        	Footer 
			========================================== */

			.footerLogo {
				width: 70%;
			}
        }
        
        

    /* #Mobile (Landscape 400px)
    ================================================== */
        @media only screen and (max-width:400px) {
	        p.phone {
		        margin-top: 7px;
	        }
        }
        
    /*  #Mobile (Portrait 320px)
    ================================================== */
    
        @media only screen and (max-width: 479px) { 
        	/* ==========================================
        	Footer 
			========================================== */

			.footerLogo {
				width: 80%;
			}
        }