/* Clearfix */
.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}
.clearfix:after {
    clear: both;
}
.clearfix {
    *zoom: 1;
}

nav a#pull {
	display: none;
}

/*Styles for screen 515px and lower*/
@media only screen and (max-width : 780px) {
	#main_menu .column {
		border-bottom: 0;
	}
	#main_menu .column ul {
		display: none;
		height: auto;
		width: 100%;
	}
	#main_menu .column a#pull {
		display: block;
		background-color: #283744;
		width: 90%;
		position: relative;
		line-height: 24px;
		padding: 8px 5%;
	}
	#main_menu .column a#pull:after {
		content:"";
		background: url('../images/nav-icon.png') no-repeat;
		width: 30px;
		height: 30px;
		display: inline-block;
		position: absolute;
		right: 15px;
		top: 10px;
	}
}

/*Smartphone*/
@media only screen and (max-width : 320px) {
	#main_menu .column li {
		display: block;
		float: none;
		width: 100%;
	}
}