@media  (max-width: 960px) {
	/* Columns */
	.colset-2, .colset-3,
	.colset-4, .colset-5,
	.colset-6, .colset-7,
	.colset-8, .colset-9,
	.colset-10 			{ font-size: 0; 	}
	.col, .col-80, .col-40, .col-60,
	.col-20, .col-25, .col-75,
	.col-33, .col-100				{ padding: 0; font-size: 1rem; display: block; box-sizing: border-box; width: 100%;}

	.colset-2 .col 		{ width: 100%; 		}
	.colset-3 .col 		{ width: 100%; 		}
	.colset-4 .col 		{ width: 100%; 		}
	.colset-5 .col 		{ width: 100%; 		}
	.colset-6 .col 		{ width: 100%; 		}
	.colset-7 .col 		{ width: 100%; 		}
	.colset-8 .col 		{ width: 100%; 		}
	.colset-9 .col 		{ width: 100%;		}
	.colset-10 .col 	{ width: 100%;		}

	.colset-2 .col:first-child, .colset-2 .col-20, .colset-2 div:first-child.col-80, .colset-2 .col-75,
	.colset-2 .col:last-child, .colset-2 .col-80, .colset-2 div:last-child.col-20, .colset-2 .col-25,
	.colset-3 .col, .colset-3 .col:last-child, .colset-3 .col:first-child 		{ padding: 0;}

	.col {
		position: relative;
		left: auto;
		right: auto;
	}

	.center-block { padding: 0 5px; box-sizing: border-box; }
	.center-block-bis { padding: 0 5px; box-sizing: border-box; }

	.scrollable { top: 0; position: relative; }
	
	#menu {
	}

	#header .logo {
		float: right;
	}

	#header #navigation {
		clear: both;
		float: none;
		padding: 0;
		background: white;
	}

	#header #navigation ul {
		display: block;
	}

	#header #navigation ul li {
		display: block;
		border: 0;
		color: white;
		background: #303b41;
		border-top: 1px solid white;
	}

	#header #navigation ul li a {
		display: block;
		width: 100%;
		padding: 5px;
	}

	#header #navigation-trigger {
		display: block;
		padding-right: 4px;
		margin-bottom: 10px;
	}
}