/*
 * Let's target IE to respect aspect ratios and sizes for img tags containing SVG files
 *
 * [1] IE9
 * [2] IE10+
 */
/* 1 */
.ie9 img[src*=".svg"] {
	width: 100%;
}

/* 2 */
@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {
	img[src*=".svg"] {
		width: 100%;
	}
}

body {
	background-color: #fff;
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 400;
	font-weight: 400;
	font-size: 16px;
	color: #555;
	-webkit-font-smoothing: antialiased;
	-webkit-overflow-scrolling: touch;
	text-align: justify;
}


@media (max-width: 767px) {
	body {
		text-align: left;
	}
}

h1,h2,h3,h4,h5,h6 {
	font-family: 'Source Sans Pro', sans-serif;
}

a {
	color: #808080;
}

.uk-text-primary {
	color: #000 !important;
}

.nav {
	position: absolute;
	top: 15px;
	z-index: 99;
	left: 0;
	right: 0;
}

.uk-sticky-placeholder {
	height: 0 !important;
}

.top-wrap::before,
.overlay-wrap::before {
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
}

.top-wrap-height {
	height: 80vh;
	min-height: 460px;
	transition: height 0.25s;
}

.uk-subnav-pill>*> :first-child {
	padding: 0.5rem 1rem;
	background-color: rgba(0, 0, 0, 0.04);
}

.top-container {
	z-index: 2;
}

.uk-logo img {
	height: 38px;
}

.subtitle-text {
	font-size: 1.2em;
	opacity: 0.7;
	font-weight: 300;
}

.logos-grid img {
	display: block;
	width: 60px;
	margin: 0 auto;
	filter: grayscale(100%);
	transition: filter 0.25s;
}

.logos-grid img:hover {
	display: block;
	width: 60px;
	margin: 0 auto;
	filter: grayscale(0);
}

.center {
	text-align: center;
}

.uk-button-primary {
	background-color: #808080;
	color: #fff;
}

.uk-button-primary:hover,
.uk-button-primary:focus {
	background-color: #808080;
	color: #fff;
}

.weiss {
	background-color: #fff;
}