/* misc width alterations to make most elements squishable */
img { max-width:100% }

.page-wrapper {
	width:100%;
	max-width: 1140px;
}

.page-column {
	max-width: 380px;
	width: 30.333333%;
	margin: 0px 1.5%;
}

.subpage-header {
	padding:25px 3.8834951%;
	min-height:70px;
	height:auto; }

.subpage-header h2 { line-height:normal; }

.subpage-content {
	max-width:1030px;
	width:100%;
}

.subpage-body { padding: 25px 3.8834951%; } /* 3.5087719%; */

.subpage-body .page-column .career-item p { margin-right: 140px; }

.contact-form .input-container { width:100%; max-width:330px;}
.contact-form label.label-cb { width:80%; }
.contact-form textarea#comments { padding:7px; }

.compliance h1 { margin-bottom: .25em; }
.compliance h2 { font-family: Ciutadella-SemiBold; margin-top: .5em; }
.compliance p { margin-bottom: 1em; }
.compliance a { color: #003a70; text-decoration: underline; }
.compliance a:hover { text-decoration: none; }

footer {
	width: 100%;
	max-width: 1140px;
	font-size:0px;
}

footer .page-column {
	font-size:16px;
	margin: 0 1.5% 0 0;
}


/* page specific alterations */

/** home **/
.promo { height:auto;}

.promo.page-column {
	max-width: 351px;
}

.promo .title-container {
	min-height:40px;
	height:auto;
	width:100%;
}

/** brands **/
.brand-item img {
	top:30px;
	max-width: 100px;
	height: auto;
}


.subpage-header.notfound {
	width: 100%;
	margin: 180px auto 0px;
	background: url('/img/bg-404-msg.png') no-repeat;
	max-width: 551px;
	height:391px;
	text-align: center;
	padding:120px 0px 0px;
	box-sizing:border-box;
}
.subpage-header.notfound h1 { font-size:90px; line-height:normal;}
.subpage-header.notfound h2  { font-size:18px; line-height:1.4em;}


/* special alterations dependant on screen width */

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

}


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

	header #btn-linkedin { top:20px;}
	header nav {
		margin: 0px;
		position:absolute;
		right:0px;
		bottom:0px;
	}

	nav ul li a {padding:8px 18px 4px; font-size:19px;}

	/* home */
	.promo .title-container h2 { font-size:16px;}

	/* brands */
	.brand-item { padding: 100px 0px 0px; }
	.brand-item a { position:relative; }
	.brand-item img { top:auto; bottom:15px; }

	footer .page-column { margin: 0 1.5% 0; }

}
@media screen and (max-width: 899px) {
	header nav { position:relative; width:100%;}
	nav ul li { width:20%; margin:0px; text-align: center }
	nav ul li a {padding:8px 18px 4px; font-size:19px;}
}

@media screen and (max-width: 849px) {
	html,body {
		padding: 0 15px 0 15px;
		width: auto;
	}

	.subpage-body.recognition .page-column.thirds { width: 43.5%;}
	.subpage-body.recognition .page-column.thirds.left { padding:5px 3%;}
	.subpage-body.recognition .page-column.thirds.right { border-right: 1px solid #666666; padding:5px 3%;}
	.subpage-body.recognition .page-column.thirds.empty { display:none; }

	.subpage-header .subpage-nav.about-nav { position:relative; bottom:auto; right:auto; margin:30px 0px 5px;}

	/* promoted from <768 to solve tablet menu/logo conflicts */
	header nav { position:relative; width:100%;}
	nav ul li { width:20%; margin:0px; text-align: center }
	nav ul li a {padding:8px 18px 4px; font-size:19px;}
}

@media screen and (max-width: 767px) {
	html,body {
		padding: 0;
	}

	/* home */
	.promo .title-container h2 { font-size:14px;}
	/* culture */
	.page-wrapper.culture .subpage-header h2 { font-size:19px; }

}

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

	footer .page-column { width:42%; margin: 0px 3.8834951%;}
}

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

	.subpage-header .subpage-nav { position:relative; bottom:auto; right:auto; margin:30px 0px 5px;}

	.page-column { width:100%; margin:20px auto;}

	/* home */
	.promo .title-container h2 { font-size:18px;}
	/* culture */
	.page-wrapper.culture .subpage-header h2 { font-size:22px; }
	/* brands */
	.subpage-body .page-column.halfs { width:100%; max-width:100%; }
	.subpage-body .page-column.halfs.left {padding:0px;}
	.subpage-body .page-column.halfs.right { padding:50px 0px 0px 0px; border-left:none;}

	.subpage-body.careers .page-column.halfs.right { border-top: 1px solid #333; padding-top: 25px}

	.subpage-body .page-column.thirds { width: 97%; border-right: none; }
	.subpage-body.leadership .page-column.thirds { width: 97%; border-right: none; max-width:100%; padding:5px 0%;}
	.subpage-body.recognition .page-column.thirds { width: 97%; border-right: none; }
	.subpage-body.contact .page-column.thirds { max-width:100%; width:100%;padding:0px;}
	.subpage-body .page-column.split { width: 97%; border-right: none; }
	.subpage-body.leadership .page-column.split { width: 97%; border-right: none; max-width:100%; padding:5px 0%;}

	.contact-form .page-column { width:100%; max-width:100%; }

	.subpage-body .wrap-column .column { width:100% !important; float:none !important; border:0px; padding:0px ; box-sizing:border-box; }
	.subpage-body .wrap-column .column.last { padding:0px; }

	.news-item { padding: 180px 0px 25px; }
	.news-item img{ top:20px; }

}

@media screen and (min-width: 640px) and (max-width: 1023px) {

	.subpage-body .page-column.split { width: 47%; border-right: none; }
	.subpage-body.leadership .page-column.split { width: 47%; border-right: none; max-width:100%; padding:5px 2%;}
	.subpage-body.leadership .page-column.split.left { width: 47%; border-right: 1px solid #666666; max-width:100%; padding:5px 0%;}

}

@media screen and (max-width: 479px) {
	nav ul li { width:100%; margin:0px; text-align: center }
	#about-dropdown { visibility: hidden; }
	footer .page-column { width:92%; margin:10px 3.8834951%;}

	.submit-box { padding-left:45px; padding-top:110px; }

	.subpage-header h1 { line-height:26px; }

	.promo-container a { box-sizing:border-box; }
	.promo .title-container { left:0px; bottom:0px;}

	.subpage-nav ul li a { font-family: Ciutadella-Bold; font-weight:normal; padding:9px 13px; }
	h4.brands-title{
		margin-top: 40px;
	}
	.brand-item img{
		max-width: 250px;
	}
}

}