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

	li.dropdown a:first-child {
		display: none !important;
	}
	body {
		overflow-x: hidden;
	}
	p {
		text-align: left !important;
	}

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

	#header .content {
		font-size: initial;
	    top: -654px;
	    position: absolute;
	    width: 100%;
	}
	#header .upper {
		display: flex;
		height: auto;
		flex-wrap: wrap;
	}
	#header .upper .title {
		display: block;
		width: 100%;
		text-align: center;
		text-decoration: none;
		padding: 10px 0;
		order: 2;
	}
	#header .upper .title h1 {
		position: relative;
		display: inline;
	}
	#header .upper #navigation {
		padding-top: 10px;
	}
	#header .upper #navigation ul {
		display: block;
		height: auto;
	}
	#header .upper #navigation ul>a,
	#header .upper #navigation ul span {
		height: auto;
		display: block;
		padding: 10px;
	}
	#header .upper #navigation ul span .sub {
		display: none;
		position: relative;
		border: none;
		background: none;
		top: auto;
	}
	#header .upper #navigation ul span .sub.open {
		display: block;
	}
	#header .upper #navigation ul span .sub a {
		color: #ffffff;
	}
	#header .upper #navigation ul span:hover .sub a,
	#header .upper #navigation ul span:active .sub a,
	#header .upper #navigation ul span .sub:hover a,
	#header .upper #navigation ul span .sub:active a,
	#header .upper #navigation ul span.highlight .sub a {
		color: #af1c1c;
	}
	#header .upper #navigation ul span .sub:hover a:hover,
	#header .upper #navigation ul span .sub:active a:active {
		color: #ffffff;
	}
	.featured-img,
	#index-img {
		display: none;
	}
	.index-content,
	.content-container {
		margin-left: 0 !important;
		height: auto !important;
	}
	.main-content,
	.highlighted-content {
		padding: 30px;
	}
	#header .logo-container {
		display: none;
	}
	#header .mobile-logo-container {
		display: flex;
		align-items: center;
		justify-content: center;
		background: #31a2d4;
		position: absolute;
		left: 0;
		bottom: 0;
		height: 60px;
		width: 60px;
	}
	#header .mobile-logo-container img {
		z-index: 999999;
		width: 42px;
	}
	#hamburger {
		height: 59px;
		width: 59px;
		background: #31a2d4;
		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: "";
	}
	#header .lower {
		display: flex;
		align-items: center;
	}
	#header .lower h3 {
		font-size: 1.2em;
	}
	.foot-content p {
		text-align: left;
	}
	.content.open {
		top: 0 !important;
	}
	.gallery .item.active {
		width: 90%;
	}
	.index-content,
	.sub-content {
		padding-top: 90px;
	}
	.bio-card.active .bio-text {
		top: 100px;
		height: calc(100vh - 100px);
	}
	.bio-text p {
		padding: 60px 20px;
	}
	.keynote {
		display: block;
	}
	.keynote-img {
		max-width: 400px;
		min-width: 250px;
		margin-bottom: 20px;
	}
	#header .upper #navigation li {
		margin: 0;
		padding-left: 0;
		padding-right: 0;
	}
	.dropdown {
		text-align: left;
	}
	#header .upper #navigation ul .dropdown a.dropdown-item {
		display: block;
		padding: 10px;
	}
	#header .upper #navigation ul .dropdown a {
		padding: 10px;
	}

	.best-paper, .best-paper div p {
		display: block;
		text-align: center !important;
	}

	.award{
	    margin: 0 auto 30px;
	}
}