/*
@media screen and (min-width: 1600px) {
	body,
	nav a,
	h3,
	.project .title h2 {
		font-size: 18px;
	}

	.project .close-button img,
	header .close-button img {
		width: 14px;
	}
}
*/

@media screen and (min-width: 1600px) {
	.project-list article,
	.project-list .grid-sizer {
		width: 25%;
	}

	.text-2-columns .col {
		width: 33.3333%;
	}

	.text-2-columns .col-2-3 {
		width: 66.66666666666666%;
	}

	.text-2-columns .col-2-3 .inner {
		width: 50%;
		display: inline-block;
		vertical-align: top;
	}


}

@media screen and (min-width: 2000px) {
/*
	.project-list article,
	.project-list .grid-sizer {
		width: 20%;
	}
*/
}

@media screen and (max-width: 1024px) and (orientation : portrait), (max-width: 736px) and (orientation : landscape) {
	nav a,
	.mobile-initialized .sort-by a {
		font-size: 23px;
	}

	.project-list article,
	.project-list .grid-sizer,
	.text-2-columns .col {
		width: 50%;
	}

	.project article {
		width: 75%;
	}

	.template-columns-2 .contents {
		padding-left: 0;
		padding-right: 0;
	}

	.is-mobile-device .project-list .image:hover,
	.is-tablet-device .project-list .image:hover {
		opacity: 1;
	}

	.project .close-button img,
	header .close-button img {
		width: 15px;
	}
	
	footer .text-2-columns .col {
		width: 33.3333%;
	}

	body.template-columns-2 footer hr {
		margin-left: 0;
		margin-right: 0;
	}

	body.template-columns-2 footer .text-2-columns {
		margin-left: -15px;
		margin-right: -15px;
	}

	.image-slider .owl-carousel .owl-item img.placeholder-3-columns {
		display: none;
	}

	.image-slider .owl-carousel .owl-item img.placeholder-2-columns {
		display: none;
	}

	.image-slider .owl-carousel .owl-item img.placeholder-1-column {
		width: 100%;
		height: auto;
	}
/*
	.image-slider .owl-carousel .owl-item img {
		width: auto;
		height: 100%;
	}
*/

	.module.news .image {
		width: 100%;
	}

	.module.news .text {
		width: 50%;
	}

	.module.news .image.portrait {
		width: 50%;
	}

	.project-overview-template footer .wrapper {
		padding-left: 0;
		padding-right: 0;
		margin: 0 -20px;
	}

	.project-overview-template footer .text-2-columns {
		margin-left: -15px;
		margin-right: -15px;
	}

	.project-overview-template .company-social {
		right: auto;
		left: 0;
	}

	.project-template header .close {
		top: 33px;
	}
}

@media screen and (max-width: 1024px) and (orientation : landscape) {
	.project article {
		width: 50%;
	}
}

/* 2-column view */
@media screen and (max-width: 1024px) and (orientation : portrait), (max-width: 736px) {

	body .company-social {
		top: 105px;
		position: relative;
		top: auto;
		right: auto;
		left: 15px;
	}

	body footer .text-2-columns .logo-wrapper {
		float: none;
		width: 100%;
		margin: 0;
		padding-bottom: 40px;
		padding-top: 0;
	}

	.project-list-main-wrapper header .sort-by {
		right: 0;
	}

	.text-2-columns .logo-wrapper {
		display: block;
		float: none;
	}

	a.burger,
	a.sort {
		top: 25px;
		position: absolute;
		display: block;
	}

	a.burger:hover,
	a.sort:hover,
	a.sort.active {
		border-bottom: 0 none;
	}

	a.burger {
		left: 60px;
		z-index: 17;
	}

	a.sort {
		right: 60px;
		z-index: 16;
	}

	a.show-sort-categories {
		display: none;
	}

	nav,
	.mobile-initialized div.sort-by {
		position: fixed;
		z-index: 14;
		top: 0;
	}

	/*
	.mobile-initialized header div.sort-by {
		width: 100%;
	}
	*/
	nav {
		left: 0;
	}

	.mobile-initialized .project-list div.sort-by {
		display: none;
	}

	nav.active,
	.mobile-initialized div.sort-by.active {
		width: 100%;
		height: 100%;
	}

	a.burger.inactive,
	a.sort.inactive {
		opacity: 0.25;
	}

	nav ul,
	.mobile-initialized .sort-by ul {
		display: none;
		padding-top: 100px; /* 75 */
		padding-left: 30px;
		padding-right: 30px;
	}

	.mobile-initialized .sort-by ul {
		width: auto !important;
		margin: 0;
	}

	nav.active ul,
	.mobile-initialized .sort-by.active ul {
		display: block;
	}

	nav li,
	.mobile-initialized .sort-by li {
		display: block;
		margin-right: 0;
	}

	.mobile-initialized .sort-by li.middot {
		display: none;
	}

	.sort-by .mobile-headline {
		display: block;
	}

	nav li a,
	.sort-by li a {
		display: inline-block;
	}

	header .sort-by.active {
		display: block;
	}
	
	.project .close-button img,
	header .close-button img {
		display: none;
	}
	
	.project .close-button img.close-mobile,
	header .close-button img.close-mobile {
		display: block;
	}
}

/*
@media screen and (max-width: 640px) and (orientation : landscape) {

}
*/

@media screen and (max-width: 736px) and (orientation : portrait) {

	.project-list article,
	.project-list .grid-sizer {
		width: 100%;
	}

	.project-preview .logo {
		height: 70px;
		width: 250px;
		margin-left: -125px;
	}

	.project .title {
		bottom: 52px;
	}

	.project {
		/*padding-bottom: 80px;*/
		overflow: hidden;
	}
	
	.text-2-columns .col {
		width: 100%;
	}

	body footer .text-2-columns .col-1-2 {
		width: 100%;
	}

	body .company-social {
		top: auto;
		position: relative;
		clear: both;
		right: auto;
		width: auto;
		padding-top: 10px;
		text-align: left;
		left: auto;
	}

	body footer .text-2-columns .col-1-3 {
		width: 100%;
	}

	body footer .text-2-columns .middle {
		margin-bottom: 0;
	}

	body.start-template .company-social {
		right: auto;
	}

	body.start-template footer .inner {
		padding: 0;
	}

	.image-slider .owl-carousel .owl-item img.placeholder-2-columns {
		display: none;
	}

	.image-slider .owl-carousel .owl-item img.placeholder-1-column {
		display: block;
	}



	.project-overview-template footer .wrapper {
		margin: 0;
		padding: 0 10px;
	}

	.project-template header .close {
		top: 42px;
	}
}

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

	a.burger {
		left: 30px;
	}

	a.sort {
		right: 30px;
	}

	.project article {
		width: 100%;
	}

	.project .info {
		padding-top: 15px;
		overflow-y: scroll;
		overflow-x: hidden;
	}

	.project .close-button img,
	header .close-button img {
		width: 15px;
	}

	nav a {
		font-size: 23px;
	}

	header .wrapper {
		padding-left: 30px;
		padding-right: 30px;
	}

	.main {
		padding-left: 20px;
		padding-right: 20px;
	}

	.is-mobile-device.project-template header {
		/*position: relative;*/
	}

	.is-mobile-device.project-template header .wrapper {
		/*padding-left: 10px;*/
		/*padding-right: 10px;*/
	}

	.is-mobile-device.project-template .contents {
		/*padding-top: 0;*/
	}

	.is-mobile-device.project-template .project .close-button {
		/*position: absolute;*/
		/*right: 10px;*/
		/*top: -50px;*/
	}

	.is-mobile-device .project-list .sort-by {
		/*position: absolute;*/
		/*right: 10px;*/
		/*top: -50px;*/
	}

	.is-mobile-device header .close-button {
		/*position: absolute;*/
		/*right: 10px;*/
	}

	.is-mobile-device.project-template a.burger {
		/*left: 10px;*/
	}

	header .close-button {
		position: absolute;
		right: 30px;
	}
	
	.project .close-button {
		right: 30px;
	}

	.main > footer {
		padding-bottom: 20px;
		height: auto;
	}

	.module.news {
		/*margin-left: 0;
		margin-right: 0;*/
	}

	.module.news .text {
		width: 100%;
	}

	.module.news .image.portrait {
		width: 62.5%;
	}

	.module.news {
		/*padding-left: 10px;
		padding-right: 10px;*/
	}

}

/* general change of behaviour on other devices */
/* Tablets */
.is-tablet-device .arrow,
.is-mobile-device .arrow {
	display: none;
}
.is-mobile-device header {
	position: absolute;
}

.start-template.is-mobile-device header {
	position: relative;
}

.is-tablet-device header .wrapper {
	paddin/*g*/-left: 10px;
	/*padding-right: 10px;*/
}

.is-tablet-device .contents {
	/*padding-top: 0;*/
}

.is-tablet-device .project .close-button {
	/*position: absolute;*/
	/*right: 10px;*/
	/*top: -50px;*/
}

.is-tablet-device .project-list .sort-by {
	/*position: absolute;*/
	/*right: 10px;*/
	/*top: -52px;*/
}