@tabletPortrait: 768px;
@phoneLandscape: 480px;
@phonePortrait: 320px;


@media (min-width: @tabletPortrait) {
	.column {
		margin-right: @gutter;
		width: @col-width;
	}

	.cb-slideshow {
		h1 {
			font-size: 3em;
		    line-height: 4em;
		}
	}

	.desktop {
		display: block;
	}

	.tablet {
		display: none;
	}

	.phone {
		display: none;
	}

	.not-desktop {
		display: none;
	}

	.not-tablet {
		display: block;
	}

	.not-phone {
		display: block;
	}
}

@media (min-width: @phoneLandscape) and (max-width: @tabletPortrait) {
	body {
		font-size: 135% !important;
		font-weight: 400;
		// background: red !important;
	}

	h3 {
		margin-bottom: 1em;
	}

	nav {
		line-height: 1.4em;
	}

	.column {
		margin-right: 14px;
		width: 230px;

		&:nth-child(3n){ 
			margin-right: 0 !important;
		}
	}

	.cb-slideshow {
		min-height: 440px;

		h1 {
			font-size: 2em;
			line-height: 1.6em;
		}
	}

	.desktop {
		display: none;
	}

	.tablet {
		display: block;
	}

	.phone {
		display: none;
	}

	.not-desktop {
		display: block;
	}

	.not-tablet {
		display: none;
	}
	
	.not-phone {
		display: block;
	}
}

@media screen and (max-width: @phoneLandscape) and (min-width: @phonePortrait) {

	body {
		font-size: 125% !important;
		font-weight: 400;
		// background: teal !important;
	}

	h3 {
		margin-bottom: 1em;
	}

	nav {
		margin-top: 0.25em;
		line-height: 1.4em;

		&:first-child {
			margin-top: 1em;
		}

		li {
			display: inline;
			margin-right: 0.5em;
		}
	}

	.column {
		margin-right: 0;
		width: 100%;
	}

	.cb-slideshow {
		min-height: 210px;

		h1 {
			font-size: 2em;
			line-height: 1.2em;
			text-shadow: 0 1px #111;
		}
	}

	.desktop {
		display: none;
	}

	.tablet {
		display: none;
	}

	.phone {
		display: block;
	}

	.not-desktop {
		display: block;
	}

	.not-tablet {
		display: none;
	}
	
	.not-phone {
		display: block !important;
	}
}

@media screen and (max-width: @phonePortrait) {

}