@media screen and (max-width: 1148px) {
	:root {
		--full-width: 100%;
		--outer-width: 100%;
		--inter-width: 90vw;
		--inner-width: 90vw;
		--popup-width: 75vw;

		--progress-width: 90vw;
		/*--blog-post-width: 90vw;*/
		--author-box-width: 90vw;
		--blog-comment-width: 90vw;
		--blog-archive-width: 90vw;
		--post-latest-dir: row-reverse;
	}

	header.site-header ul {
		display: none;
	}
	.hp-heading h1 {
		font-size: 100px;
	}
	.hp-heading .tagline {
		font-size: 16px;
	}
	.quote-bar h3 {
		font-size: 32px;
	}
	.try-us > div:first-child.prov {
		padding: 0 2rem 0 2rem;
		flex-direction: column;
		align-items: flex-start;
	}
	.try-us > div:first-child.prov h2 {
		font-size: 60px;
	}
	.try-us > div:first-child.prov p {
		font-size: 14px;
	}
	section.slider figure {
		width: 350px;
		margin: 40px 10px;
		font-size: 17px;
	}
	.online-univers .commands {
		flex-direction: column;
		align-items: center;
	}
	.online-univers .button {
		width: 14em;
		margin: 1em;
	}
	.vaer-med > div > div:first-child h2 {
		font-size: 50px;
	}

	.playlist-selector {
		white-space: nowrap;
		overflow-x: auto;
		margin: 3rem auto 1rem;
		padding-top: 0.7em;
		cursor: grab;
	}

/*	.post-latest > * {
		width: 100%;
	}
	.post-latest .featured-img {
		width: 100%;
		height: 50%;
	}*/

	.blog-heading {
	}
	.blog-heading h1 {
		font-size: 60px;
		margin-bottom: 70px;
	}

	.post-latest .teaser h2.title {
		font-size: 20px;
	}
	body.blog-post .author-box {
		grid-template-columns: 230px auto;
	}
}