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

html {
	overflow-x: hidden;	
}
.col-left {float: left; width:78%;}
.col-l {float: left; width:100%;}

/* HEADER */
#header-content  {
	   height: 89px;
                   }
#logo {  
         padding-top: 5px;
	   }				   

/* NAV BAR */
nav {
	display:none;
}
.nav { display:none;}

.menu-icon {
	display:inline-block;
	width: 40px;
	height: 40px;
	background: url(../Graphics/menu-icon.png) center no-repeat;
	float: right;
	padding-top:30px;
	padding-right: 10px;
	cursor: pointer;
}

.nav ul {
	list-style: none;
	z-index: 900;
	display: block;
	position: absolute;
		padding: 10px;
		background: #FFFFFF;
	   -moz-box-shadow: 0 0 8px #8B8B8B;
	   -webkit-box-shadow: 0 0 8px #8B8B8B;
	   box-shadow: 0 0 8px #8B8B8B;
		right: 10px;
		top: 40px;
		width: 50%;
		border-radius: 4px 0 4px 4px;
}
.nav ul li { 
		color: #282a36;
		font-weight:600;
		font-size: 12px;
		width: 100%;
		text-align: left;
		padding: 20px 0px 20px 0px;
		border-bottom: 1px solid #dfe0e1;	
	}

		.nav ul li a {
			display: block; 		
	        font-size: 12px; 
		    color: #282a36;
			text-decoration: none;			
		}
		.nav ul li a:hover {
			display: block; 
			color: #2c89ff;
		}				
	
/* CONTENT */
.content {

       padding: 10px 10px 10px 10px;

      }
	.section{ padding: 0px 0px 0px 0px; }	

.content ul {	
	list-style: outside; 
	}	
								   
/* FOOTER */
.footer-content  {
	   max-width: 1220px;
	   margin: 0 auto;
	   height: 80px;
	   background: #007FE8;
                   }
.footer-links {
padding-top: 10px;
padding-left: 10px;	 

	}
.footer-links a {
color: #fff;
text-decoration: none; 
	}
	.logo-bottom {padding-top: 5px; padding-right: 10px; }
	
	/* form */	
input {
  width: 95%;
}

textarea {
  width: 95%;
}

button {
  width: 95%;

}

.success {
  width: 95%;
}

.error {
  width: 95%;
}	
	
}