.page-selector {
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	padding: 40px;
	background-color: #f2f1f1;
	color:#d5d0c5;
}

@media only screen and (min-width: 768px) {
	.page-selector {
		height: 250px
	}
}
.page-selector .column {
	position: relative;
	color: inherit;
	padding: 0;
}

.page-selector .column .text {
	padding: 4em 30px;
	top: 0;
	-webkit-transform: none;
	-ms-transform: none;
	transform: none
}

.page-selector-large .column .text{
  background-color: rgba(75,40,85,0.8);
}
.page-selector-large .column .title {
	color: #b4b4b4
}
.page-selector-large .column .title:after {
	background-color: #b4b4b4
}
.page-selector .column .text .button {
	display: block;
	text-align: center
}
.page-selector-large .column .button .button-label{
	color: #ffffff
}
.page-selector-large .column .button::before, 
.page-selector-large .column .button::after{
	background-color: #b4b4b4;
}



@media only screen and (min-width: 768px) {
.page-selector .column .text {
	padding: 30px
}
.page-selector .column .text .button {
	display: inline-block
}
}
@media only screen and (min-width: 768px) {
	.page-selector .column {
		height: 100%;
		overflow: hidden
	}
	.page-selector .column .text {
		position: absolute;
		width: 420px;
		height: 660px;
		margin: auto;
		left:0;
		right: 0;
		top: 50%;
		bottom: 50%;
		text-align: justify;
		padding: 30px;

	}
}
@media only screen and (min-width: 768px) and (max-width: 900px){

	.page-selector .column .text {

		font-size: 14px;
		max-width: 100%;
	}
}
.page-selector .column-content {
	height: 100%
}
.page-selector .bg-image, .page-selector .hero .hero-bg, .hero .page-selector .hero-bg, .page-selector .page-news .news-entry .header-image, .page-news .news-entry .page-selector .header-image {
	position: absolute;
	top: 0;
	left: 0;
	-webkit-filter: grayscale(1);
	-webkit-filter: grayscale(100%);
	filter: gray;
	filter: grayscale(100%);
}
.page-selector-small .column {
	text-decoration: none;
	color: #fff
}
.page-selector-small .lead {
	margin: 0;
	line-height: 1.3;
	font-weight: bold;
	font-size: 18px
}
@media only screen and (min-width: 768px) {
.page-selector-small .lead {
	font-size: 20px
}
}
.page-selector-small .title {
	margin: 0;
	line-height: 1.3;
	font-size: 24px;
	font-weight: bold
}
@media only screen and (min-width: 768px) {
.page-selector-small .title {
	font-size: 30px
}
}
.page-selector-small .more-link {
	font-size: 16px;
	text-transform: uppercase
}
@media only screen and (min-width: 768px) {
	.page-selector-small .more-link {
		font-size: 20px
	}
}
.page-selector-small .more-link .icon {
	vertical-align: text-bottom;
	margin-left: 15px
}
@media only screen and (min-width: 768px) {
	.page-selector-large {
		height: 100%;
		height: 100vh;
		height: calc(100vh - 65px);
	}
}
@media only screen and (min-width: 768px) and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-device-pixel-ratio: 2) and (device-aspect-ratio: 2/3) and (orientation: portrait) {
	.page-selector-large {
		height: 480px
	}
}
.page-selector-large .lead, .page-selector-large .title, .page-selector-large .bodytext {
	margin: 0;
}
.page-selector-large .lead {
	line-height: 1;
	margin-bottom: 10px;
	font-weight: bold
}
.page-selector-large .title {
	line-height: 1.2;
	font-weight: bold
}
.page-selector-large .title:after {
	content: '';
	display: block;
	position: relative;
	width: 33%;
	height: 1px;
	margin: 0;
	margin: 20px 0;
}
.page-selector-large .bodytext {
	color: #fff;
	margin-bottom: 30px
}