@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;
    }
}