/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
	#logo {
		height: 136px;
		background-size: 672px 120px;
		background-position: 20px center;
		width: 90%;
	}

	#helplink {
		height: 136px;
		width: 10%;
	}

	#helplink a {
		font-size: 24px;
		margin: 36px 30px 0 0;
		text-align: right;
	}

	#navigation li {
		line-height: 70px;
		font-size: 20px;
	}
	#navigation .circle {
		display: inline-block;
		margin: 0 5px -9px 0;
		width: 32px;
		height: 32px;
	}

	#content {
		margin: 0 28px;
	}

	h2 {
		font-size: 28px;
	}

	.trenner {
		margin: 18px 0;
	}

	.column10, .column20, .column25, .column30, .column33, .column40, .column50,
	.column60, .column66, .column70, .column75, .column80, .column90, .column100 {
		font-size: 18px;
		font-weight: bold;
	}

	input.textField {
		width: 110px;
		height: 36px;
	}

	span.lighttext {
		font-size: 16px;
		font-weight: normal;
	}

	.errorIcon {
		width: 32px;
		height: 32px;
		margin: 0 0 -9px 0;
	}

	.errorPopup {
		width: 50%;
		left: 40%;
		min-height: 160px;
	}

	.errorPopup .errorTitle {
		margin: 28px 23px 23px;
		font-size: 22px;
	}

	.errorPopup .errorContent {
		font-size: 18px;
		line-height: 26px;
		margin: 0 28px 28px;
	}


	#bottomNav .leftlink {
		font-size: 24px;
	}

	#bottomNav .rightlink {
		width: 70%;
		font-size: 24px;
	}

	#bottomNav .button {
		padding: 18px 15px;
		color: #fff;
		min-width: 150px;
		font-size: 24px;
	}

	#bottomNav span.arrow-right {
		background-image: url("../img/next-phone.png");
		background-size: 100%;
		width: 24px;
		height: 24px;
		margin: 0px 6px 0px 0;
	}

	.popupHeader {
		height: 93px;
		padding: 0 26px;
	}

	.popupHeader .headline {
		color: #fff;
		font-size: 24px;
		line-height: 93px;
	}

	.popupHeader .closeButton {
		width: 32px;
		height: 32px;
		margin: 0 0 -9px 0;
	}

	.popupContent {
		margin: 0 26px;
		font-size: 20px;
		line-height: 24px;
		color: #505050;
	}
}

/* Medium devices (tablets, 993px and up) */
@media (min-width: 993px) {

}