/* Responsive */
@media (max-width: 980px){
	
	.site {
		width: 90%;
		margin: 0 5%;
	}
	hr { margin: 40px 0; }

	#main-menu {
		display: block;
		width: 50%;
		height: auto;
		text-align: right;
	}

	#main-menu nav a { 
		display: block; 
		padding: 10px 15px; 
		height: auto; 
		line-height: 20px;
		text-align: right;
	}

	#main-menu-mobile { 
		display: inline-block; 
		cursor: pointer; 
		text-align: right; 
		font-weight: 700; 
		text-transform: uppercase; 
		font-size: 16px;
		padding: 0 10%;
	}
	#main-menu-actual { 
		display: none; 
		background: #000;
	}

	#info {
		display: none;
	}

	#logo { margin-left: 5%; width: 50%; }

	iframe {
		width: 100%;
		height: auto;
	}

	.columns { display: block; }
	.col { width: 100%; }
	.col.sep {
		padding-right: 0;
		border: none;
	}

	.home-box-keep { margin-bottom: 40px; }
	.home-boxes-image { height: auto; }

	.work {
		width: 50%;
		height: auto;
	}

	.works .work:nth-child(3n+) {
		clear: none;
	}

	.testimonial {
		width: 100%;
		float: none;
		padding-bottom: 0;
	}

	#footer-menu { height: auto; padding: 20px 0; }
	#footer-menu a {
		display: block;
		height: auto;
		line-height: 30px;
	}

	.footer-cols { display: block; }
	.footer-col { width: 100%; }
	#footer-logo { text-align: center; margin-bottom: 20px;}
	#footer-info, #footer-info h4, #footer-info p { text-align: center; }

	form {
		width: 100%;
	}
}