@media (max-width: 1050px) {

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

	.nav-bar-subtitle {
		left: auto;
		right: 0px;
		top: auto;
		bottom: calc(1.5rem + 2px);
		transform: none;
		padding-right: 2rem;
	}

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

	.nav-bar {
		height: 8rem;
	}

	.page-contents {
		height: calc(100% - 8rem);
	}
}

@media (max-width: 750px ) {

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

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

	.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: block;
		left: auto;
		top: auto;
        bottom: auto;
        right: auto;
		transform: none;
	}

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

    .page-contents {
        height: calc(100% - 12rem);
    }
}

@media (max-width: 350px) {

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

}