﻿@media screen and (max-width:576px) {
	h1 {
		font-size: 2.2em;
	}

	h2 {
		padding: 10px 0;
		font-size: 1.7em;
	}

	h3 {
		font-size: 1.4em;
	}

	h4 {
		padding: 10px 0 0;
		font-size: 1.2em;
	}

	h5 {
		padding-top: 15px;
		font-size: 1.2em;
	}

	.banner .text-alt a {
		font-size: 1.6em;
	}

	.inner {
		height: 24rem;
		padding: 90px 0;
	}

		.inner a {
			font-size: 1.6em;
		}
}

@media (min-width:576px) and (max-width:768px) {
	h1 {
		font-size: 2.6em;
	}

	h2 {
		padding: 10px 0;
		font-size: 2.0em;
	}

	h3 {
		font-size: 1.6em;
	}

	h4 {
		padding: 10px 0 0;
		font-size: 1.4em;
	}

	h5 {
		padding-top: 15px;
		font-size: 1.4em;
	}

	.banner .text-alt a {
		font-size: 2em;
	}

	.inner {
		height: 28rem;
		padding: 110px 0;
	}

		.inner a {
			font-size: 1.8em;
		}
}

@media (min-width:768px) and (max-width:992px) {
	h1 {
		font-size: 2.8em;
	}

	h2 {
		padding: 10px 0;
		font-size: 2.2em;
	}

	h3 {
		font-size: 1.8em;
	}

	h4 {
		padding: 10px 0 0;
		font-size: 1.6em;
	}

	h5 {
		padding-top: 15px;
		font-size: 1.6em;
	}

	.banner .text-alt a {
		font-size: 2.4em;
	}

	.content {
		padding: 60px 20px;
	}

	.inner {
		height: 29rem;
		padding: 120px 0;
	}

		.inner a {
			font-size: 2.2em;
		}

	.content .price {
		font-size: 1.4em;
	}

	.footer a {
		font-size: 1em;
		padding: 12px 14px;
	}
}

@media (max-width:768px) {
	.content {
		padding: 40px 30px;
	}

		.content .row .col-md-4 {
			padding-top: 30px;
		}

	.footer {
		padding: 3rem;
	}

		.footer .row .col-md-4 {
			padding-top: 30px;
		}

	.teknoden {
		font-size: .8em;
		padding: 20px 0;
	}
}

@media (max-width:992px) {
	.navbar .navbar-nav .nav-item .nav-link {
		text-align: center;
		padding: 0.5em 1em;
	}

	.navbar .navbar-right {
		display: none;
	}
}

@media (max-width:1200px) {
	.navbar {
		padding: 20px;
	}

		.navbar.scrolled {
			padding: 10px 20px;
		}
}

@media (min-width:992px) and (max-width:1200px) {
	.navbar .navbar-nav {
		width: 80%;
	}

		.navbar .navbar-nav .nav-item .nav-link {
			padding: 1em 1.5em;
		}

	.navbar .navbar-right {
		width: 30%;
		text-align: right;
	}
}
