.hamburger {
	cursor: pointer;
	display: none;
	position: absolute;
	right: 0;
	width: 45px;
}
#mobileSidebar {
	box-sizing: border-box;
	display: none;
}
.img-responsive {
	width: 100%;
	height: auto !important;
}
.display-l, .display-m, .display-s {
	display: none;
}
@media (min-width: 768px) {
	.display-l {
		display: block;
	}
}
@media (max-width: 767px) {
	.display-m {
		display: block;
	}
	/* Medeium columns, becomes 10 column layout to make it easier to devide by 2 */
	.col-m-1, .col-m-2, .col-m-3, .col-m-4, .col-m-5, .col-m-6, .col-m-7, .col-m-8, .col-m-9, .col-m-10 {
		float: left;
		margin-left: 10px;
		margin-right: 10px;
	}
	.col-m-1 {
		width: calc(10% - 20px);
	}
	.col-m-2 {
		width: calc(20% - 20px);
	}
	.col-m-3 {
		width: calc(30% - 20px);
	}
	.col-m-4 {
		width: calc(40% - 20px);
	}
	.col-m-5 {
		width: calc(50% - 20px);
	}
	.col-m-6 {
		width: calc(60% - 20px);
	}
	.col-m-7 {
		width: calc(70% - 20px);
	}
	.col-m-8 {
		width: calc(80% - 20px);
	}
	.col-m-9 {
		width: calc(90% - 20px);
	}
	.col-m-10 {
		width: calc(100% - 20px);
	}
	footer .credits {
		text-align: left;
		float: left;
		padding: 0px;
	}
}
@media (max-width: 424px) {
	.display-s {
		display: block;
	}
	.display-m {
		display: none;
	}
	.display-l {
		display: none;
	}
	/* Small columns, becomes 10 column layout to make it easier to devide by 2 */
	.col-s-1, .col-s-2, .col-s-3, .col-s-4, .col-s-5, .col-s-6, .col-s-7, .col-s-8, .col-s-9, .col-s-10 {
		float: left;
		margin-left: 10px;
		margin-right: 10px;
	}
	.col-s-1 {
		width: calc(10% - 20px);
	}
	.col-s-2 {
		width: calc(20% - 20px);
	}
	.col-s-3 {
		width: calc(30% - 20px);
	}
	.col-s-4 {
		width: calc(40% - 20px);
	}
	.col-s-5 {
		width: calc(50% - 20px);
	}
	.col-s-6 {
		width: calc(60% - 20px);
	}
	.col-s-7 {
		width: calc(70% - 20px);
	}
	.col-s-8 {
		width: calc(80% - 20px);
	}
	.col-s-9 {
		width: calc(90% - 20px);
	}
	.col-s-10 {
		width: calc(100% - 20px);
	}
}
@media (max-width: 1024px) {

	.row {
		width: 1000px;
	}
}
@media (max-width: 1023px) {
	div#intro {
		min-height: 230px;
	}
	.language-selection {
		display: none;
		margin-bottom: 20px;
		text-align: left;
	}
	.slideout-menu .language-selection {
		display: block;
	}
	.slideout-menu .main-navigation {
		margin-top: 3px;
	}
	.slideout-menu {
		background-color: #a29c99;
		bottom: 0;
		display: none;
		min-height: 100vh;
		overflow-y: scroll;
		padding: 20px;
		position: fixed;
		top: 0;
		width: 256px;
		-webkit-overflow-scrolling: touch;
		z-index: 0;
	}
	.slideout-menu-left {
		left: 0;
	}
	.slideout-menu-right {
		right: 0;
	}
	.slideout-panel {
		background-color: #fff; /* A background-color is required */
		min-height: 100vh;
		position: relative;
		z-index: 1;
	}
	.slideout-open,
	.slideout-open body,
	.slideout-open .slideout-panel {
		overflow: hidden;
	}
	.slideout-open #mobileSidebar {
		display: block;
	}
	.slideout-panel a.logoLink {
		display: block;
		position: absolute;
		right: 0;
		top: 1px;
	}
	header {
		padding: 0 10px 10px 10px;
	}
	nav.main-navigation:after {
		clear: both;
		content: '';
		display: block;
	}
	nav.main-navigation .col-5 {
		margin: 0;
	}
	nav.main-navigation ul.left li a {
		color: #fff;
	}
	nav.main-navigation ul.left,
	nav.main-navigation ul.right {
		float: none;
	}
	nav.main-navigation ul.left li {
		margin-bottom: 9px;
	}
	nav.main-navigation ul.right li {
		display: block;
		margin-left: 0;
		width: 100%;
	}
	.language-selection span,
	nav.main-navigation ul.right li a {
		color: #1e2a4d;
	}
	nav.main-navigation .left:after,
	nav.main-navigation .right:after {
		clear: both;
		content: '';
		display: block;
	}
	nav.main-navigation .left,
	nav.main-navigation .right {
		margin-bottom: 20px;
	}
	nav.main-navigation .right li {
		margin-bottom: 10px;
	}
	.logo,
	.date {
		display: block;
		margin-left: 0;
		width: 100%;
	}
	.date {
		width: calc(100% - 20px);
	}
	.login-overlay .logo img, .login-overlay .date {
		margin-left: 10px;
	}
	.logo img,
	.date img {
		width: 200px;
	}
	.date {
		margin: 20px 0 30px;
	}
	.hamburger {
		display: block;
	}
	.close {
		cursor: pointer;
		position: absolute;
		right: 15px;
		top: 25px;
		width: 32px;
	}
	.container .main-navigation {
		display: none;
	}
	.wrapper.speakers .col-2 {
		width: calc(25% - 20px);
	}
	.slogan-wrapper,
	.chairman-wrapper {
		float: none;
		width: calc(100% - 20px);
	}
	.program-intro .chairman {
		max-width: 315px;
		width: 50%;
	}
	.program-time {
		margin-bottom: 10px;
	}
}
@media (max-width: 810px) {
	.wrapper.themas .col-2 {
		width: calc(33% - 20px);
	}
	h1.slogan {
		font-size: 32px;
	}
	.program-intro .program-details .info {
		font-size: 18px;
	}
	.site-pages div {
		width: calc((100% / 3) - 20px);
	}
	footer a,
	footer .organisation {
		padding-left: 0;
	}
}
@media (max-width: 680px) {
	.wrapper.speakers .col-2 {
		width: calc(33% - 20px);
	}
	.padded-ultra {
		padding: 0 !important;
	}
}
@media (max-width: 520px) {
	.wrapper.speakers .col-2,
	.wrapper.themas .col-2 {
		width: calc(50% - 20px);
	}
}
@media (max-width: 500px) {
	.gallery .thumbnails .thumbnail {
		height: auto;
		width: calc(20% - 8px);
	}
	.thumbnails .thumbnail img {
		height: auto;
		width: 100%;
	}
}
@media (max-width: 400px) {
	.gallery .thumbnails .thumbnail {
		height: auto;
		width: calc(25% - 8px);
	}
	.gallery .thumbnails .thumbnail:nth-child(5n) {
		margin-right: 8px;
	}
	.gallery .thumbnails .thumbnail:nth-child(4n) {
		margin-right: 0;
	}
	.thumbnails .thumbnail img {
		height: auto;
		width: 100%;
	}
	.program-time {
		width: 100%
	}
}
@media (max-width: 380px) {
	.wrapper.speakers .col-2,
	.wrapper.themas .col-2 {
		width: calc(100% - 20px);
	}
}