body {
	font-size: 16px;
}
#d1 .page-header h1 {
	font-size: 25px;
}
a:focus,
a:hover,
a:active {
	color: #f96d3a;
}
div.contactformrow.clearfix .contactformbox,
div#attachrow {
	padding-left: 0;
	padding-right: 0;
}
#d1 .page-header {
	margin-top: 30px;
}
#d3 .page-header h3 {
	margin-top: 30px;
}
#d3 ul {
	text-align: left;
	margin-bottom: 30px;
	list-style-position: outside;
	margin-left: 1em;
}
#d3 #submitbtn {
	padding-left: 0;
}
#d3 #submitbtn a {
	width: auto;
}
a#contact-submit {
	width: auto;
}
#apply-position div#submitbtn {
	margin-top: 30px;
	padding: 0;
}
p#attachp span {
	display: inline-block;
}
.normalpara {
	text-align: justify;
}
.page {
	background-color: white;
}
div#contactinfo.desktop {
	display: none;
}
.headlinediv > div#blue-square {
	color: white;
	display: block;
}
.headlinediv .text {
	display: none;
}
.headlinediv > div > h2 {
	font-family: gothamMedium;
}
.headlinediv > div#blue-square h2 {
	padding: 60px;
	margin: 0;
}
#give-us-a-shout {
	margin-bottom: 8px;
}
#contactinfo {
	margin: 0;
	color: white;
}
#contactinfo div.card {
	width: 100%;
	padding: 15px;
	background-color: #586167;
	float: none;
}
#contactinfo div.card.middle {
	background-color: #4c5459;
}
#contactinfo div.card.rightdiv div.inline p:nth-child(3) {
	padding-left: 40px;
}
#contactinfo div.card > div {
	padding: 10px;
}
#contactinfo .inline {
	width: 80%;
}
#contactinfo a {
	color: white;
}
#contactinfo h4 {
	font-family: GothamBold;
	margin-bottom: 30px;
}
#contactinfo h3 {
	font-family: GothamBold;
	margin-bottom: 15px;
}
#contactinfo p {
	font-family: GothamBook;
	padding-left: 40px;
}
#contactinfo img {
	float: left;
	margin-right: 20px;
}
a#submit-cv-btn {
	color: #28b8e7;
}
#vacancies {
	margin-top: 30px;
}
#vacancies h3 {
	margin-bottom: 10px;
	font-size: 17px;
	font-family: GothamBold;
}
.careerstable {
	display: table;
	width: 100%;
	color: grey;
	border-collapse: collapse;
	background-color: #f8f8f8;
	font-family: SansationRegular;
	font-size: 13px;
}
.careersrow {
	padding: 10px;
	padding-left: 15px;
	border: 1px solid white;
	border-right: 0;
	border-left: 0;
	border-collapse: collapse;
	display: table-row;
	width: 100%;
}
.careerscell:first-child,
.careershead:first-child {
	padding-left: 15px;
}
.careersrow div:first-child {
	border-left: 0;
}
.careershead {
	color: black;
	background-color: #d3d3d3;
	font-family: SansationBold;
}
.careerscell {
	display: table-cell;
	padding: 15px;
	border-top: 0;
	border-collapse: collapse;
}
.careerscell:last-child {
	border-right: 0;
}
a {
	color: gray;
}
.careerstable p {
	margin: 0;
}
.contactform {
	margin: 30px 0;
	font-size: 14px;
	font-family: SansationRegular;
}
select#contacttype,
.contactformbox input {
	height: 40px;
	margin-bottom: 10px;
	padding-left: 15px;
	font-family: gothamMedium;
}
select#contacttype,
.contactformtextarea,
.contactformbox input {
	width: 100%;
	color: black;
	border-color: #b3b3b3;
	border-width: 1px;
	border-style: double;
	font-size: 16px;
}
input:active,
input:hover,
input:focus {
	outline: none;
}
input {
	-webkit-appearance: none;
}
input,
select,
textarea {
	-webkit-appearance: none;
	-moz-appearance: none;
	border-radius: 0;
}
input,
select,
textarea {
	-webkit-appearance: none;
	border-radius: 0;
}
div#attachrow {
	position: relative;
	height: 40px;
	color: #b3b3b3;
}
div#attachrow input {
	z-index: 2;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	margin: 0;
	color: #b2b2b2;
	opacity: 0;
	border-color: #b2b2b2;
	line-height: 20px;
	cursor: pointer;
}
form input.error,
form select.error,
form textarea.error {
	border-color: #cc0000 !important;
}
div#attachrow > div#attachtoplayer {
	z-index: 1;
	width: 100%;
	height: 40px;
}
div#attachrow > div#attachtoplayer p {
	margin: 0;
	padding-left: 20px;
	color: #b2b2b2;
	border-width: 1px;
	border-style: dashed;
	line-height: 37px;
}
form p.response.error,
input.error + div#attachtoplayer p {
	color: #cc0000 !important;
}
p.response.error {
	color: #cc0000 !important;
}
div#submit-cv.padded {
	display: none;
}
form input.error,
form select.error,
form textarea.error {
	border-color: #cc0000 !important;
}
div#d3 {
	margin-bottom: 100px;
}
.page-header.abovetext {
	margin-bottom: 20px;
	border-bottom: 0;
}
.page-header {
	margin-bottom: 30px;
	padding-bottom: 15px;
}
#d1 .page-header {
	border-bottom: 1px solid #b6b6b6;
}
.boldTag {
	color: black;
	font-size: 20px;
}
div.s1 > div#d3 li:not(:last-child) {
	margin-bottom: 10px;
}
div.s1 p,
div.s1 ul {
	font-size: 14px;
}
div.s1.padded.vacancy-description {
	display: none;
	font-family: gothamMedium;
	padding: 0;
}
div#apply-position {
	display: none;
}
.spinner {
	width: 50px;
	height: 50px;
	margin-left: 10px;
	display: none;
}
@media (min-width: 768px) {
	a:focus,
	a:hover {
		color: #f96d3a;
	}
	#vacancies {
		margin-top: 40px;
	}
	.sectionheader {
		font-size: 30px;
	}
	#vacancies h3 {
		margin-bottom: 15px;
		font-size: 25px;
	}
	.careerstable {
		font-size: 17px;
	}
	.careersrow {
		border: 3px solid white;
	}
	.careerscell,
	.careershead,
	.careersrow {
		padding: 15px;
	}
	.careersrow {
		border: 3px solid white;
	}
	div.s1 p,
	div.s1 ul {
		font-size: 15px;
	}
	div.s1 p,
	div.s1 ul {
		font-size: 17px;
	}
}
@media (min-width: 1025px) {
	form div.contactformrow.clearfix::before,
	form div.contactformrow.clearfix::after {
		display: none;
	}
	div.s1.padded.vacancy-description,
	div#apply-position {
		padding: 0 50px;
	}
	div.contactformrow.clearfix .contactformbox,
	div#attachrow {
		padding-left: 15px;
		padding-right: 15px;
	}
	.textsection .squarebullet-big,
	#vacancies h3 {
		text-align: left !important;
	}
	a:focus,
	a:hover {
		color: #f96d3a;
	}
	#d3 #submitbtn a,
	a#contact-submit {
		width: 250px;
	}
	.sectionheader {
		font-size: 50px !important;
	}
	div#contactinfo.desktop {
		display: flex;
	}
	div#contactinfo.mobile {
		display: none;
	}
	#contactinfo div.card > div {
		padding: 20px;
	}
	#contactinfo {
		display: flex;
		width: 80%;
		margin: 0 10%;
	}
	#contactinfo > div {
		padding: 30px;
		width: calc(100% / 3);
	}
	.headlinediv .text {
		display: block;
	}
	#vacancies {
		margin-top: 50px;
	}
	#vacancies,
	#submit-cv {
		padding-left: 40px;
	}
	#vacancies {
		padding-right: 40px;
	}
	#vacancies h3 {
		margin-bottom: 20px;
	}
	.careersrow {
		border: 3px solid white;
	}
	.careersrow {
		border: 3px solid white;
	}
	.contactform {
		margin: 30px 0;
		font-size: 17px;
	}
	select#contacttype,
	.contactformbox input {
		height: 50px;
		margin-bottom: 20px;
		padding-left: 20px;
	}
	div#attachrow,
	div#attachrow > div#attachtoplayer {
		height: 50px;
	}
	div#attachrow > div#attachtoplayer p {
		line-height: 46px;
	}
	.vacancy-description #submitbtn {
		padding: 0;
		margin: 0;
		margin-top: 20px;
	}
	select#contacttype,
	.contactformtextarea,
	.contactformbox input {
		font-size: 17px;
	}
}
.sectionheader {
	font-size: 25px;
}
#submitbtn {
	background-color: white;
	padding-bottom: 30px;
	margin-left: 0;
}
#submitbtn a {
	display: block;
}
.textsection,
.textsection p {
	border: 0;
}
.textsection {
	padding: 20px 0;
}
.textsection > p {
	margin-bottom: 20px;
	text-align: center;
}
.textsection .squarebullet-big {
	background: none;
	padding: 0;
	transition: opacity 0.3s;
	text-align: center;
}
#err-field {
	margin: 0;
	font-size: 12px;
	color: red;
	font-family: GothamLight;
}
.clearfix::before,
.clearfix::after {
	content: "";
	display: table;
	clear: both;
}
@media (min-width: 375px) {
	#textsection-container {
		margin: 0 10%;
	}
}
@media (min-width: 1025px) {
	div#apply-position {
		padding-top: 1px;
	}
	div#attachrow > div#attachtoplayer p {
		padding-left: 20px;
	}
	#apply-position div#submitbtn {
		margin-top: 0;
	}
	form.contactform.clearfix {
		margin-bottom: 0;
	}
	p.response {
		padding-left: 15px;
		margin-bottom: 0;
	}
	.headlinediv {
		margin: 0;
	}
	.gridlayer {
		background-image: url(../images/grid-square.png);
	}
	.headlinediv > div#blue-square {
		display: table;
	}
	.headlinediv > div#blue-square h2 {
		padding: 0;
		margin: 0;
	}
	.page {
		background-image: url(../images/grid-square.png);
		background-repeat: repeat;
		background-size: 10% auto;
		background-color: #f9fafa;
	}
	#sayhello-headline {
		display: none;
	}
	#textsection-container {
		margin: 0;
	}
	.textsection {
		margin-left: 10%;
		padding: 60px 50px;
		padding-bottom: 60px;
		width: 80%;
	}
	.textsection,
	.textsection p {
		text-align: left;
	}
	.textsection > p {
		font-family: GothamBold;
		padding-left: 45px;
	}
	.textsection .squarebullet-big {
		background-image: url(../images/square.jpg);
		background-position: 0 10px;
		background-repeat: no-repeat;
		background-size: 30px 30px;
		padding: 0 0 0 40px;
		list-style: none;
	}
	#submitbtn,
	#apply-position div#submitbtn {
		padding: 15px;
		padding-top: 0;
	}
}