/*----------------------*/
/*-------- CSS ---------*/
/*----------------------*/
html {
	font-size:  16px;
	background: #124E98;
}

html, body {
	margin:  0;
	padding: 0;
}

body {
	font-family: 'Lato', sans-serif;
	font-weight: 300;
	color:       #FFFFFF;
	background:  transparent;
}
/* lato-100 - latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 100;
  src: url('fonts/lato-v23-latin-100.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/lato-v23-latin-100.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/lato-v23-latin-100.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/lato-v23-latin-100.woff') format('woff'), /* Modern Browsers */
       url('fonts/lato-v23-latin-100.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/lato-v23-latin-100.svg#Lato') format('svg'); /* Legacy iOS */
}

/* lato-100italic - latin */
@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-weight: 100;
  src: url('fonts/lato-v23-latin-100italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/lato-v23-latin-100italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/lato-v23-latin-100italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/lato-v23-latin-100italic.woff') format('woff'), /* Modern Browsers */
       url('fonts/lato-v23-latin-100italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/lato-v23-latin-100italic.svg#Lato') format('svg'); /* Legacy iOS */
}

/* lato-300 - latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 300;
  src: url('fonts/lato-v23-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/lato-v23-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/lato-v23-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/lato-v23-latin-300.woff') format('woff'), /* Modern Browsers */
       url('fonts/lato-v23-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/lato-v23-latin-300.svg#Lato') format('svg'); /* Legacy iOS */
}

/* lato-300italic - latin */
@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-weight: 300;
  src: url('fonts/lato-v23-latin-300italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/lato-v23-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/lato-v23-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/lato-v23-latin-300italic.woff') format('woff'), /* Modern Browsers */
       url('fonts/lato-v23-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/lato-v23-latin-300italic.svg#Lato') format('svg'); /* Legacy iOS */
}

/* lato-regular - latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/lato-v23-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/lato-v23-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/lato-v23-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/lato-v23-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/lato-v23-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/lato-v23-latin-regular.svg#Lato') format('svg'); /* Legacy iOS */
}

/* lato-italic - latin */
@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-weight: 400;
  src: url('fonts/lato-v23-latin-italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/lato-v23-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/lato-v23-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/lato-v23-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('fonts/lato-v23-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/lato-v23-latin-italic.svg#Lato') format('svg'); /* Legacy iOS */
}

/* lato-700 - latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/lato-v23-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/lato-v23-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/lato-v23-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/lato-v23-latin-700.woff') format('woff'), /* Modern Browsers */
       url('fonts/lato-v23-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/lato-v23-latin-700.svg#Lato') format('svg'); /* Legacy iOS */
}

/* lato-700italic - latin */
@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-weight: 700;
  src: url('fonts/lato-v23-latin-700italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/lato-v23-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/lato-v23-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/lato-v23-latin-700italic.woff') format('woff'), /* Modern Browsers */
       url('fonts/lato-v23-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/lato-v23-latin-700italic.svg#Lato') format('svg'); /* Legacy iOS */
}

/* lato-900 - latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 900;
  src: url('fonts/lato-v23-latin-900.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/lato-v23-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/lato-v23-latin-900.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/lato-v23-latin-900.woff') format('woff'), /* Modern Browsers */
       url('fonts/lato-v23-latin-900.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/lato-v23-latin-900.svg#Lato') format('svg'); /* Legacy iOS */
}

/* lato-900italic - latin */
@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-weight: 900;
  src: url('fonts/lato-v23-latin-900italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/lato-v23-latin-900italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/lato-v23-latin-900italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/lato-v23-latin-900italic.woff') format('woff'), /* Modern Browsers */
       url('fonts/lato-v23-latin-900italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/lato-v23-latin-900italic.svg#Lato') format('svg'); /* Legacy iOS */
}


* {
	font-size:          1rem;
	line-height:        1.6;
	-webkit-box-sizing: border-box;
	box-sizing:         border-box;
	outline:            none;
}

a {
	color: #94C01C;
}

a, a:visited {
	-o-transition:      background ease 300ms;
	-webkit-transition: background ease 300ms;
	transition:         background ease 300ms;
	text-decoration:    none;
	color:              #FFFFFF;
}

a:hover {
	text-decoration: underline;
}

img {
	max-width: 100%;
	height:    auto;
}

h1, h2, h3, h4, h5, h6 {
	font-size:   1.5rem;
	font-weight: 300;
	line-height: normal;
	margin:      20px 0 10px 0;
}

h1 {
	font-size: 1.875rem;
}

::-moz-selection {
	color:      #FFFFFF;
	background: #336699;
}

::selection,
::-moz-selection,
::-webkit-selection {
	color:      #FFFFFF;
	background: #336699;
}

/* ---------------- */
/* -----HELPER----- */
/* -----START------ */
/* ---------------- */

.padding-y,
.padding-top {
	padding-top: 15px;
}

.websitestart,
.padding-y,
.padding-bottom {
	padding-bottom: 15px;
}

.padding-yx2,
.padding-topx2 {
	padding-top: 30px;
}

.padding-yx2,
.padding-bottomx2 {
	padding-bottom: 30px;
}

.container {
	width:     100%;
	max-width: 1100px;
	margin:    0 auto;
}

.row {
	position:     relative;
	margin-right: -70px;
	margin-left:  -70px;
}

.row:after {
	display: block;
	float:   none;
	clear:   both;
	content: '';
}

.container,
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12 {
	position:      relative;
	padding-right: 70px;
	padding-left:  70px;
}

.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12 {
	float: left;
}

.col-1 {
	width: 8.333%;
}

.col-2 {
	width: 16.667%;
}

.col-3 {
	width: 25%;
}

.col-4 {
	width: 33.333%;
}

.col-5 {
	width: 41.667%;
}

.col-6 {
	width: 50%;
}

.col-7 {
	width: 58.333%;
}

.col-8 {
	width: 66.667%;
}

.col-9 {
	width: 75%;
}

.col-10 {
	width: 83.333%;
}

.col-11 {
	width: 91.667%;
}

.col-12 {
	width: 100%;
}

/* ---------------- */
/* -----HELPER----- */
/* -----END-------- */
/* ---------------- */

.header__logo {
	float: right;
}

.header__logo a {
	display:    inline-block;
	width:      320px;
	max-width:  100%;
	text-align: center;
}

.websitestart {
	display:   block;
	max-width: 100%;
}

.websitestart img,
.websitestart h2 {
	-o-transition:      all ease 300ms;
	-webkit-transition: all ease 300ms;
	transition:         all ease 300ms;
}

.websitestart img {
	width:     480px;
	max-width: 100%;
}

.websitestart h2 {
	padding-left: 20px;
}

.websitestart:hover {
	text-decoration: none;
	color:           #DEDEDE;
}

.websitestart:hover img {
	-ms-transform:     scale(0.9);
	-webkit-transform: scale(0.9);
	transform:         scale(0.9);
}

nav {
	text-align: right;
}

/* ------ bis 1120px ----- */
@media screen and (max-width: 1120px) {
	.container {
		max-width: none;
	}

	.row {
		margin-right: 0;
		margin-left:  0;
	}

	.container,
	.col-1,
	.col-2,
	.col-3,
	.col-4,
	.col-5,
	.col-6,
	.col-7,
	.col-8,
	.col-9,
	.col-10,
	.col-11,
	.col-12 {
		padding-right: 40px;
		padding-left:  40px;
	}
}

/* ------ bis 960px ----- */
@media screen and (max-width: 960px) {
	.container,
	.col-1,
	.col-2,
	.col-3,
	.col-4,
	.col-5,
	.col-6,
	.col-7,
	.col-8,
	.col-9,
	.col-10,
	.col-11,
	.col-12 {
		padding-right: 15px;
		padding-left:  15px;
	}
}

/* ------ bis 768px ----- */
@media screen and (max-width: 768px) {
}

/* ------ bis 685px ----- */
@media screen and (max-width: 685px) {
	header {
		text-align: center;
	}

	.header__desc,
	.header__logo {
		width: 100%;
	}

	.header__logo a {
		width: 160px;
	}

	.websitestart {
		float:        none;
		width:        320px;
		margin-right: auto;
		margin-left:  auto;
	}

	nav {
		text-align: center;
	}
}

/* ----- bis 417px ----- */
@media screen and (max-width: 417px) {
	h1 {
		font-size: 1.75rem;
	}
}