@import url("content-page.css");

/* Splash for overview page and new startpage
*	Inherits content-page.css
----------------------------------------------------------------------------- */

.splash-row {
	height: 810px;
}

/*.splash h2 {
    font:200 50px/1.2 "Myriad Pro", Arial, Helvetica, sans-serif;
    font-weight: 200;
    line-height: 1.2;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}*/

@media only screen and (max-width: 1060px) {
	.splash h2 {
		font-size: 46px;
	}
}

@media only screen and (max-width: 768px) {
	.splash h2 {
		font-size: 42px;
	}
}

@media only screen and (max-width: 480px) {
	.splash h2 {
		font-size: 40px;
	}
}

@media only screen and (max-width: 320px) {
	.splash h2 {
		font-size: 36px;
	}
}

.splash .kicker {
	font:400 24px/32px "Myriad Pro", Arial, Helvetica, sans-serif;
}

/*.splash .button,
.splash .read-more {
	text-transform: none;
	background-color: transparent;
	font: 300 20px/24px "Myriad Pro Semibold", Arial, Helvetica, sans-serif;
	border-radius: 50px;
	padding: 5px 12px;
	border: 1px solid rgb(102, 102, 102);
	color: rgb(102, 102, 102);
}*/

.splash .light-text .button,
.splash .light-text .read-more {
	border-color: #fff;
	color:#fff;
}

/*.splash .button:hover,
.splash .read-more:hover,
.splash .button:focus,
.splash .read-more:focus {
	box-shadow: none;
	color:rgb(102, 102, 102);
	background-color: rgb(102, 102, 102);
	background-color: rgba(102, 102, 102, 0.5);
}*/

.splash .light-text .button:hover,
.splash .light-text .read-more:hover,
.splash .light-text .button:focus,
.splash .light-text .read-more:focus {
	color:#fff;
	background-color: #fff;
	background-color: rgba(255, 255, 255, 0.5);
}

.splash .button:after,
.splash .read-more:after {
	content:none;
}

.block__inner {
	padding:75px;
}

.splash-row__col {
	padding-left:0;
	padding-right:0;
}

.block-content {
	width: 100%;
}

.splash-row__col_centered .block-content,
.splash-row__col_centered_top .block-content {
	text-align: center;
	width: 100%;
}

@media only screen and (max-width: 1060px){
	.block__inner {
		padding: 30px;
	}
	.splash-row {
		height: 900px;
	}
}

@media only screen and (max-width: 768px){
	.splash-row {
		height: 660px;
	}

	.splash-row__col.splash-row__col_bottom_small[class][class] {
		vertical-align: bottom;
		text-align: center;
		padding-bottom: 36px;
	}

	.splash-row__col.splash-row__col_top_small[class][class] {
		text-align: center;
		vertical-align: top;
		padding-top: 40px;
	}
	.splash-row__col.splash-row__col_top_small[class][class] .block-content,
	.splash-row__col.splash-row__col_bottom_small[class][class] .block-content {
		text-align: center;
		width: auto;
	}

	.splash-row__col:not(.splash-row__col_centered):not(.splash-row__col_centered_top) {
		padding-bottom:40px; /* [1] */
		vertical-align:bottom;
	}
}

@media only screen and (max-width: 480px) {
	.block__inner {
		padding: 20px;
	}
	.splash-row {
		height:680px;
	}
}