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

/* HEADER */

#header-content  {
	   padding-left: 10px;
	   padding-right: 10px;
                   }
#logo {  
         padding-top: 10px;
	   }				   


	nav ul li {
		padding: 20px 5px; 
	}
		
								
/* CONTENT */
.content {
       padding: 15px 15px 15px 15px;
      }
	.section{ padding: 15px 30px 15px 30px; }	

				   
/* FOOTER */

.footer-links {
padding-left: 15px;	

	}

	.logo-bottom {padding-top: 12px; padding-right: 15px; }
	
	
	/* form */	
input {
  width: 95%;
}

textarea {
  width: 95%;
}

button {
  width: 95%;

}

.success {
  width: 95%;
}

.error {
  width: 95%;
}
	
	
}