@media (max-width: 730px) {
	.logo-container {
		display: none !important;
	}

	#header .lower h3 {
		font-size: 1em;
	}

	.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: 40px;
	}

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

	#header {
		position: absolute;
	}
	
	#header.open:after {
	    content: "";
	    height: 100vh;
	    width: 100vh;
	    background: black;
	    display: block;
	    top: 0;
	    left: 0;
	    position: fixed;
	    z-index: -1;
	    opacity: 0.5;
	}

	#header .content {
		font-size: initial;
	    position: absolute;
	    width: 100%;
        transform: translateY(-100%);
    	top: 60px;
    	transition: 0.5s transform;
	}

	#header.open .content {
		transform: translateY(0%);
	    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 #navigation ul {
		flex-direction: column;
		height: auto;
	}

	#header .upper {
		height: auto;
	}

	#header .upper #navigation ul li {
	    font-size: 2em;
        height: auto;
        background: var(--main-bg-color);
        display: flex;
        flex-wrap: wrap;
        width: 100%;
        padding: 0;
	}

	.dropdown-menu {
		position: relative;
	    top: inherit;
	    min-width: auto;
	    width: 100%;
	}

	#header .upper #navigation ul li a {
		padding: 20px;
	}

	#header .upper #navigation ul li a:before,
	#header .upper #navigation ul li a:after {
		content: none;
	}

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

	#header .lower {
		justify-content: space-between;
	}

	#hamburger {
		height: 50px;
		width: 50px;
		align-self: flex-start;
	}
	#hamburger .bar {
		width: 39px;
		height: 5px;
		background: #ffffff;
		display: block;
		position: absolute;
		top: 23px;
		left: 10px;
	}
	#hamburger .bar:first-of-type {
		top: 10px;
	}
	#hamburger .bar:last-of-type {
		top: 36px;
	}
	#hamburger.open .bar {
		display: none;
	}
	#hamburger.open .bar:first-of-type {
		display: block;
		transform: rotate(-45deg);
		top: 23px;
	}
	#hamburger.open .bar:last-of-type {
		display: block;
		transform: rotate(45deg);
		top: 23px;
	}
	#header .content.open:after {
		background: rgba(0, 0, 0, 0.75);
		width: 1000vw;
		height: 1000vh;
		position: fixed;
		content: "";
	}

	.bio-container p {
		flex: auto;
		padding: 20px 0px;
	}

	#header .upper #navigation ul .dropdown a.dropdown-item {
        padding: 10px !important;
    	font-size: 0.8em;
	}

	#header .upper #navigation ul li {
		background: var(--main-bg-shadow);		
    	font-size: 1.2em;
	}

	.umlogo-container {
	    padding: 30px;
	}

	.umlogo-container img {
	    min-width: auto;
	}
}