
.slicknav_menu {
	display:none;
}

@media screen and (max-width: 40em) {
	
}
@media screen and (min-width: 767px) {
	
}


/* Large display 1200px and above */
@media screen and (min-width: 1200px) {
div#main { margin:50px; }
}

/* Portrait tablets 768px and above */
@media screen and (min-width: 768px){
.js #menu {
		display:none;
	}
	.js .slicknav_menu {
		display:none;
	}
}

/* Phones to tablets 767px and below */
@media screen and (max-width: 768px) {
.js #menu {
		display:none;
	}
	nav.navbar.navbar-inverse {
    display: none;
	}
	.js .slicknav_menu {
		display:block;
	}
}

/* Phones 480px and below */
@media screen and (max-width: 480px) {
div#main { margin:10px; }
}