@font-face {
    font-family: 'Kumbh Sans';
    src: url('../font/KumbhSans-Regular.woff2') format('woff2'),
        url('../font/KumbhSans-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Kumbh Sans';
    src: url('../font/KumbhSans-Bold.woff2') format('woff2'),
        url('../font/KumbhSans-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}



body, html {
    height: 100%;
	font-family:'Kumbh Sans';
}


.hero-image {
  background-image:  url("../clouds.jpg");
  height: 50%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}


.hero-text {
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: white;
}

.stellarnav {
	margin-bottom:5vH;
	padding: 10px 0 10px 0;
}

.sommerlogo {
	float: right;
	clear: both;
	width: 350px;
	padding: 0 50px 0 0;
}

aside {
	/*font-size:85%;*/
	padding: 0 5px 0 5px;
}
aside p{
	padding: 0 10px 0 10px;
	margin:0;
}
aside a:link {
	color: blue;
	text-decoration:none;
}
aside a:hover{
	text-decoration:none;
	color: #000;
}
aside a:visited{
	text-decoration:none;
	color: red;
}

footer {
	margin-top:5vH;
	font-size:85%;
	border-top:1px solid #ccc;
	padding: 10px 0 30px 0;
	background: rgba(10, 63, 145, 1);
	color: white;
	line-height: 1.5;
}
footer ul {
	margin:0;
	padding:0;
	float: right;
}

footer ul li {
	list-style-type:none;
	margin:0;
	padding: 0 10px 0 0;
	float: left;
}

footer a:link {
	color: white;
	text-decoration:none;
}
footer a:visited{
	text-decoration:none;
	color: #6E6E6E;
}
footer a:hover{
	text-decoration:none;
	color: #6E6E6E;
}

@media only screen and (max-width : 768px) {
	.sommerlogo {
		width: 40%;
		padding: 2px 10px 0;
}
}

@media only screen and (max-width : 450px) {
	.sommerlogo {
		width: 50%;
		padding: 15px 10px 0;
}
}