@media screen and (min-resolution: 2dppx) {

	header.header .menu span {
		background-image: url(../images/misc/navigation-menu@2x.png);
	}

	header.header .menu.close span {
		background-image: url(../images/misc/navigation-menu-close@2x.png);
	}

	section.work .stream .row > .file.video .overlay,
	section.work .stream .row > .file.youtube .overlay,
	section.work .stream .row > .file.vimeo .overlay {
		background-image: url(../images/misc/play@2x.png);
	}

	div.work-preview .close {
		background-image: url(../images/misc/preview-close@2x.png);
	}

	div.work-preview .nav .prev,
	div.work-preview .nav .next {
		background-image: url(../images/misc/preview-nav@2x.png);
	}
}

@media (max-width: 1150px) {
	section.work .stream .row > .file {
		width: 95% !important;
	}
}

@media only screen and (max-width: 767px) {

		.container {
			padding: 0px 20px;
		}

		.offset {
			padding-bottom: 0px;
			padding-top: 88px;
		}

		.row {
			margin-bottom: 20px;
		}

		.row.last-child {
			margin-bottom: 0px;
		}

		.title-very-large {
			font-size: 36px !important;
		}

		.title-large {
			font-size: 30px !important;
		}

		.title-semi-large {
			font-size: 32px !important;
		}

		.title-very-small {
			font-size: 11.5px !important;
		}

		header.header {
			padding: 20px 0px 48px;
		}

		header.header .logo,
		header.header .menu {
			width: 48%;
		}

		section.home .text {
			font-size: 12px;
		}

		section.home .flex-control-nav {
			display: none;
		}

		nav.navigation .menu .title-large {
			font-size: 36px !important;
		}

		nav.navigation .footer {
			bottom: 40px;
			left: 20px;
			right: 20px;
		}

		section.page .offset {
			padding-bottom: 20px;
		}

		section.page .background {
			display: none;
		}

		section.page .content {
			bottom: auto;
			left: auto;
			overflow: initial;
			padding: 0px;
			position: relative;
			right: auto;
			text-align: left;
			top: auto;
		}

		section.page .content .text .title-semi-large {
			margin-bottom: 25px;
		}

		section.work .tools {
			bottom: initial;
			position: relative;
			text-align: center;
			top: 0px;
			width: 100%;
		}

		section.work .tools .albums {
			position: relative;
			text-align: center;
			width: 100%;
		}

		section.work .tools .albums ul {
			display: none;
		}

		section.work .tools .albums select {
			display: block;
		}

		section.work .tools .contact {
			display: none;
		}

		section.work .stream {
			display: block;
			left: 0px;
			margin-left: auto;
			position: relative;
			text-align: center;
		}

		div.work-preview {
			padding: 0px 20px;
		}

		div.work-preview .info {
			padding-top: 10px;
		}

		div.work-preview .close {
			margin-top: 20px;
		}

		div.work-preview .frame {
			margin-bottom: 15px;
			margin-top: 12px;
		}

		div.work-preview .meta .picture-title {
			display: block;
		}

		div.work-preview .nav {
			height: 50px;
		}

		div.work-preview .nav .prev,
		div.work-preview .nav .next {
			background-image: none;
			position: absolute;
			top: auto !important;
			-ms-transform: rotate(0deg);
			-webkit-transform: rotate(0deg);
			transform: rotate(0deg);
		}

		div.work-preview .nav .prev {
			left: 19px;
			padding-right: 0px;
		}

		div.work-preview .nav .next {
			padding-left: 0px;
			right: 16px;
		}

		section.blog .row {
			margin-bottom: 20px;
		}

		section.blog .post {
			height: auto;
			margin-bottom: 20px;
		}

		section.blog .post:last-child {
			margin-bottom: 0px;
		}

}

@media only screen and (min-width: 480px) and (max-width: 766px) {

		section.work .container {
			padding-left: 8px;
			padding-right: 8px;
		}

		section.work .tools .albums {
			padding-left: 12px;
			padding-right: 12px;
		}
}

@media only screen and (max-width: 479px) {

		section.work .container {
			padding-left: 20px;
			padding-right: 20px;
		}

		section.work .stream .row > .file {
			border-left-width: 0px;
			border-right-width: 0px;
			float: none;
			display: block;
			height: 300px;
			width: 100% !important;
		}

		section.work.grid-quad .stream .row > .file,
		section.work.grid-trio .stream .row > .file {
			height: 300px !important;
			width: 100% !important;
		}

		nav.navigation .footer {
			bottom: 15px;
		}

		nav.navigation .footer .row {
			margin-bottom: 0px;
		}

		nav.navigation .footer .social {
			text-align: center;
		}

		nav.navigation .footer .copyright {
			display: none;
		}
}