@media (max-width: 730px) {
	.body-index #cookie-notice,
	#cookie-notice {
		width: 100%;
	}

	body {
		overflow-x: hidden;
		background: #4180ab;
	}
	p {
		text-align: left !important;
	}

	.button.small{
		font-size: 1em;
	    padding: 10px 20px;
	}

	.home-content, .sub-content {
		padding-top: 60px;
	}

	.content-container {
		min-height: calc(100vh - 60px);
	}

	#header .content {
		font-size: initial;
	    top: -999px;
	    position: absolute;
	    width: 100%;
	}

	#header .content.open {
	    top: 0px;
	}

	.featured-img {
		display: none;
	}

	.index-content,
	.content-container {
		margin-left: 0 !important;
		height: auto !important;
	}

	.main-content,
	.highlighted-content {
		padding: 30px;
	}

	#header .upper {
		display: flex;
	    flex-direction: column;
	    height: auto;
	    justify-content: center;
    	align-items: center;
    	padding-top: 10px;
	}

	#header .upper #navigation {
		width: 100%;
	}

	#header .upper #navigation ul{
	    display: block;
	    padding: 10px 0;
	    font-size: 1em;
        height: auto;
	}

	#header .upper #navigation ul li {
		padding: 10px;
		display: block;
	}

	#header .upper #navigation ul li a {
	    justify-content: flex-start;
    	    padding: 0;
	}

	#header .upper #navigation ul .dropdown a.dropdown-item {
		display: block;
	}

	.dropdown-menu {
		position: relative;
	    width: 100%;
	    display: block;
	    top: 10px;
	}

	#header .upper #navigation ul .dropdown a {
		padding: 0;
	}

	#header .lower h3 {
		font-size: 1em;
		padding: 10px 150px 10px 10px;
	}

	#header .logo-container {
		display: none;
	}

	#header .mobile-logo-container {
		display: flex;
		align-items: center;
		justify-content: center;
		background: #4180ab;
		position: absolute;
		left: 0;
		bottom: 0;
		height: 59px;
		width: 59px;
		position: fixed;
		top: 0;
		left: 0;
	}
	#header .mobile-logo-container img {
		z-index: 999999;
		width: 42px;
	}

	#hamburger {
		height: 59px;
		width: 59px;
		background: #4180ab;
		position: fixed;
		top: 0;
		right: 0;
		padding: 0px 0px;
		z-index: 999999;
	}
	#hamburger .bar {
		width: 39px;
		height: 5px;
		background: #ffffff;
		display: block;
		position: absolute;
		top: 27px;
		left: 10px;
	}
	#hamburger .bar:first-of-type {
		top: 13px;
	}
	#hamburger .bar:last-of-type {
		top: 41px;
	}
	#hamburger.open .bar {
		display: none;
	}
	#hamburger.open .bar:first-of-type {
		display: block;
		transform: rotate(-45deg);
		top: 27px;
	}
	#hamburger.open .bar:last-of-type {
		display: block;
		transform: rotate(45deg);
		top: 27px;
	}
	#header .content.open:after {
		background: rgba(0, 0, 0, 0.75);
		width: 1000vw;
		height: 1000vh;
		position: fixed;
		content: "";
	}
}