@media screen and (orientation:landscape) {
	body.page-template-t_homepage #home-bg-images img {
		min-width:100vw;
		height:auto;
		min-height:0;
	}
}
@media screen and (orientation:portrait) {
	body.page-template-t_homepage #home-bg-images img {
		min-width:0;
		width:auto;
		min-height:100vh;
	}
}

@media screen and (max-width:900px) {
	
	/* Header area */
	#pageheader {
		height:auto;
	}
	#pageheader #brand { 
		position: static; 
	}

	
	#pageheader .primary-nav { 
		/*display:none; */
		background-color:#fff;
		top:auto;
		bottom:0;
	}
	#pageheader .wrapper {
		height:80px;
	}
	
}

@media screen and (max-width:800px) {
	#slide-publicis .publicis-logo {
		bottom:20px;
	}
}

@media screen and (max-width:767px) {
	
	.desktop-only {
		display:none;
	}
	.mobile-only {
		display:block;
	}
	
	#nav-toggle { 
		display:block;  
		margin-top:0;
		height:auto;
		width:40px;
		position:absolute;
		right:20px;
		top:20px;
	}
	#nav-toggle .label {
		position:absolute;
		left:-100000px;
	}
	#nav-toggle .line {
		display:block;
		height:5px;
		margin-bottom:5px;
		background:#000;
	}
	
	#pageheader {
		font-size:1em;
	}
	#pageheader .wrapper {
		height:auto;
	}
	
	#pageheader .primary-nav {
		display:none;
		position:static;
		width:100%;
		height:100vh;
		font-size:23px;
		padding-top:40px;
		padding-bottom:80px;
		overflow:auto;
	}
	#pageheader .primary-nav .menu > li {
		margin-bottom:30px;
		display:block;
	}
	#pageheader .primary-nav a {
		color:#404040;
		text-align:center;
		width:100%;
		display:block;
		padding:0;
	}
	#pageheader .primary-nav.sub-mobile-only .sub-menu {
		display:inline-block;
	}

	#pageheader .primary-nav .sub-menu {
		display:none;
		position:relative;
		left:50%;
		padding:0;
		margin:0;
		-ms-transform:translateX(-50%);
		-webkit-transform:translateX(-50%);
		transform:translateX(-50%);
	}
	#pageheader .primary-nav li.active .sub-menu {
		display:inline-block;
	}
	#pageheader .primary-nav .sub-menu li {
		/*display:inline-block;
		margin-right:-0.25em;
		padding:0 5px;
		border-left:1px solid #404040;*/
		display:block;
		padding:10px;
	}
	#pageheader .primary-nav .sub-menu li:first-child {
		border-left:0;
	}
	#pageheader .primary-nav .sub-menu li,
	#pageheader .primary-nav .sub-menu a {
		line-height:1;
	}
	#pageheader .primary-nav .sub-menu a {
		font-size:13px;
		padding:0;
		margin:0;
	}
	#pageheader .primary-nav .menu > li > a:hover { 
		border-bottom:0;
	}
	#pageheader .primary-nav .menu > li.active > a {
		font-family:aktiv_groteskbold;
		border:0 !important;
	}
	#pageheader .primary-nav .sub-menu li.active a {
		font-family:aktiv_grotesklight;
		color:#000;
	}
	
	.column {
		float:none;
		width:100%;
		margin-left:0;
		margin-right:0;
	}
	#slide-clients .column {
		text-align:center;
	}
	#section-success-stories .column {
		margin-bottom:0;
	}
	#section-success-stories .column ul {
		margin-bottom:0;
	}
	
	h1 br,
	.introtext br {
		display:none;
	}
	
	.pad-right-30percent {
		padding-right:0;
	}


	
	body.page-template-t_homepage #home-bg-images img {
		width:auto;
		height:100%;
	}
	
	.wrapper {
		padding-left:12px;
		padding-right:12px;
	}
	#pageheader {
		padding:0;
	}
	#pageheader #brand { 
		width:40px;
		height:50px;
		overflow:hidden;
		margin:7px 0 0;
	}
	#pageheader #brand img {
		max-height:100%;
		width:auto;
		max-width:none;
	}
	
	#nav-toggle { 
		width:30px;
		right:12px;
		top:10px;
	}
	#nav-toggle .line {
		height:4px;
		margin-bottom:4px;
	}
	
	hr {
		background-color:#404040;
	}
	.white-text hr {
		background-color:#fff;
	}
	
	#content {
		font-size:1.6em;
	}
	
	#content #section-contact .text .row p{
		font-size:0.9em; margin-bottom:1em;
	}
	
	h1 {
		font-family: aktiv_groteskregular;
		font-size:25px;
		line-height:30px;
	}
	.introtext {
		font-size:25px;
		line-height:30px;
	}
	.detail {
		font-size:18px;
		line-height:23px;
	}
	
	
	h2 {
		font-size:16px;
		line-height:20px;
	}
	
	hr { 
	margin: 15px 0;
	}
	
	.section .text,
	.slide .text {
		padding:110px 0;
		margin:0 15px;
		max-width:none;
	}
	
	#section-home .text {
		padding-top:100px;
	}
	
	#section-home-payoff .text,
	#section-contact .text{
		padding:80px 0;
	}
	
	.section.white-text .text, 
	.slide.white-text .text {
		color:#fff;
	}
	
	#section-home h1 {
		font-size: 60px;
		line-height: 60px;
	}
	
	body.page-template-t_homepage #home-foreground-image {
		max-width:100%;
		right:-40%;
	}
	
	#section-home-payoff .gr-35years {
		font-size:0.8em;
		line-height:1.4;
		margin-top:30px;
	}
	#section-home-payoff .gr-35years br {
		display:none;
	}
	
	#section-home-payoff .gr-35years img{
		width:55px;
	}

	#section-home-payoff .detail {
		margin-bottom:30px;
	}
	
	#section-contact {
		background:#000 !important;
	}
	
	#content .fp-slidesNav {
		display:block;
		width:100%;
		background-color:rgba(255,255,255,1);
		text-align:center;
		margin-bottom:-5px;
	}
	#content .fp-slidesNav.top {
		top:56px;
	}
	#content .fp-slidesNav.top ul {
		display:inline-block;
		margin:0;
	}
	#content .fp-controlArrow {
		opacity:0;
	}
	
	#slide-publicis .detail p{
		margin-bottom:10px;
	}
	
	.publicis-logo img{
		width:60%;
	}
	
	
	
	#slide-publicis .publicis-logo {
		position:static;
/*		bottom:40px;
		right:auto;
		left:50%;
		-ms-transform:translateX(-50%);
		-webkit-transform:translateX(-50%);
		transform:translateX(-50%);
*/	}
	
	/* collapse system */
	.collapse {
		margin-bottom:30px;
	}
	.collapse-title {
		cursor:pointer;
	}
	.collapse .collapse-title > * {
		padding-right:25px;
		position:relative;
		line-height:1;
		display:inline-block;
	}
	.collapse .collapse-title > *:after {
		content:url(../img/icon_plus_black.png);
		display:block;
		position:absolute;
		top:0;
		right:0;
		width:19px;
		height:19px;
	}
	.collapse.open .collapse-title > *:after {
		content:url(../img/icon_minus_black.png);
	}
	.white-text .collapse .collapse-title > *:after {
		content:url(../img/icon_plus_white.png);
	}
	.white-text .collapse.open .collapse-title > *:after {
		content:url(../img/icon_minus_white.png);
	}
	.collapse .collapse-content {
		display:none;
	}
	
	.collapse-title h2 {
		font-size:18px;
		margin-bottom:0.25em;
	}

}

@media only screen
	and (max-width: 767px) 
	and (orientation: landscape) {
		
	body.page-template-t_homepage #home-bg-images {
	}
	body.page-template-t_homepage #home-bg-images img {
		width:100%;
		height:auto;
	}
	
	body.page-template-t_homepage #home-foreground-image {
		max-width:50%;
		right:-20%;
	}
	
	#section-home .text,
	#section-home-payoff .text {
		padding-right:15%;
	}

}

@media screen and (max-width:500px) {
	#pagefooter { 
		bottom:-90px;
		height:90px;
	}
	#pagefooter .footer-logo {
		display:block;
		margin-left:0;
	}
	#pagefooter .copyright { 
		margin-left:0;
		float: none; 
		text-align: left;
		width: 100%;
	}
}

@media screen and (max-width:374px) {
	#section-home h1 {
		font-size:45px;
		line-height:50px;
	}
}

@media screen and (max-width:335px) {
	#section-home-payoff .gr-35years img {
		margin-bottom:70px;
	}
}