spee.ch/public/assets/css/mediaQueries.css

@media (max-width: 1000px) {

	.main {
		float: none;
		width: 100%;
		margin-right: 0px;
		padding-right: 0px;
		border-right: 0px;
		margin-bottom: 5px;
	}

	.sidebar {
		border-top: 1px solid lightgray;
		float: none;
		width: 100%;
	}
}

@media (max-width: 850px) {
	.nav-bar-title, .nav-bar-subtitle {
		padding-bottom: 0px;
	}

	.nav-bar-subtitle {
		left: auto;
		right: 0px;
		top: auto;
		transform: none;
		padding-right: 2rem;
	}

	.nav-bar-link-section {
		position: relative;
		padding-left: 0px;
	}

	.nav-bar {
		height: 8rem;
	}
}

@media (max-width: 750px ) {

	.column--med-10 {
		width: 100%;
	}

	.h2--top {
		margin-top: 1em;
	}
}


@media (max-width: 475px) {

	.nav-bar {
		height: 12rem;
	}

	.nav-bar-title, .nav-bar-subtitle {
		padding-bottom: 0px;
	}

	.nav-bar-link-section {
		position: relative;
		padding-left: 0px;
	}

	.nav-bar-subtitle {
		position: relative;
		display: inline-block;
		left: auto;
		top: auto;
		transform: none;
	}

	.row--full-height {

		height: calc(100% - 11rem);
	}

	.column--sml-10 {
		width: 100%;
	}

	#publish-active-area > .row, #publish-details > .row, #channel-login-form > .row, #publish-channel-form > .row {
		padding: 1em 0px 1em 0px;
	}
}

@media (max-width: 350px) {

	body, button, input, textarea, label, select, option {
		font-size: medium;
	}

}