@media only screen and (max-width: 1100px) {
    #topper .right {
        display: none;
    }
	
	#menuToggle {
	    display: block;
	    position: absolute;
	    top: 20px;
	    right: 20px;
	    z-index: 1;
	    -webkit-user-select: none;
	    user-select: none;
	}
	
	#menuToggle input
	{
	  display: block;
	  width: 40px;
	  height: 32px;
	  position: absolute;
	  top: -7px;
	  left: -5px;  
	  cursor: pointer;
	  opacity: 0; /* hide this */
	  z-index: 2; /* and place it over the hamburger */
	  -webkit-touch-callout: none;
	}

	/*
	 * Just a quick hamburger
	 */
	#menuToggle span
	{
	  display: block;
	  width: 30px;
	  height: 4px;
	  margin-bottom: 4px;
	  position: relative;
	  background: #ae7e00;
	  border-radius: 3px;
	  z-index: 1;
	  transform-origin: 4px 0px;
	  transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
	  background 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
	  opacity 0.55s ease;
	}

	#menuToggle span:first-child
	{
	  transform-origin: 0% 0%;
	}

	#menuToggle span:nth-last-child(2)
	{
	  transform-origin: 0% 100%;
	}

	/* 
	 * Transform all the slices of hamburger
	 * into a crossmark.
	 */
	#menuToggle input:checked ~ span
	{
	  opacity: 1;
	  transform: rotate(45deg) translate(-2px, -1px);
	  background: #FFFFFF;
	}

	/*
	 * But let's hide the middle one.
	 */
	#menuToggle input:checked ~ span:nth-last-child(3)
	{
	  opacity: 0;
	  transform: rotate(0deg) scale(0.2, 0.2);
	}

	/*
	 * Ohyeah and the last one should go the other direction
	 */
	#menuToggle input:checked ~ span:nth-last-child(2)
	{
	  opacity: 1;
	  transform: rotate(-45deg) translate(0, -1px);
	}

	/*
	 * Make this absolute positioned
	 * at the top left of the screen
	 */
	#menu {
	    position: fixed;
	    width: 50vw;
	    margin: 0;
	    padding-top: 100px;
	    background: #000000;
	    list-style-type: none;
	    -webkit-font-smoothing: antialiased;
	    transform-origin: 0% 0%;
	    transform: translate(100%, 0);
	    transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0);
	    height: 100vh !important;
	    font-size: 22px;
	    top: 0px;
	    right: 0px;
	}

	#menu li{
        padding: 4px;
        font-size: 20px;
        color: #FFFFFF;
        text-align: left;
        background-image: none;
        padding-left: 30px;
	}

	/*
	 * And let's fade it in from the left
	 */
	#menuToggle input:checked ~ ul
	{
	  transform: scale(1.0, 1.0);
	  opacity: 0.975;
	  text-align: center;
	}

	.klikka:active ~ ul{
	  transform: scale(1.0, 1.0);
	  opacity: 0.95;
      
	}

	#menu a{
	    text-decoration: none;
	    color: #ad7e00;
	    transition: color 0.3s ease;
		font-family: 'Lexend';
		font-weight: bold;
		font-style: normal;
	    text-transform: uppercase;
	}
	
	.submenu li{
		list-style: none;
	}
	
	.submenu li a{
		color: #5d5d5d !important;
	}

	#menu a:hover{
	  color: #AEA171;
	}
	
	#pressebox {
	    background-color: #FFF;
	    margin-top: -1px;
	    display: flex;
		flex-direction: column-reverse;
	}

	.presseright {
	    margin-right: 7.5%;
	    width: 80%;
	    position: relative;
	    display: inline-block;
	    float: unset;
	    background: #e3e3e3;
	    padding: 1.5%;
	    border-radius: 30px;
	    margin-left: 7.5%;
	}
	
	.presseleft {
	    margin-left: 7.5%;
	    width: 83%;
	    padding-bottom: 25px;
	    padding-top: 30px;
	    display: inline-block;
	}
}








@media only screen and (max-width: 700px) {
	#menu {
	    width: 100vw;
	}
	#onefoot {
	    margin-left: 7.5vw;
	    display: inline-block;
	    float: left;
	}
	
	#fivefoot {
	    display: none;
	}
	
	.greyleft img {
		width: 150px;
		height: auto;
		margin-bottom: 20px;
	}
	
	.gallery img {
	    width: 48% !important;
	}
	.gallery img:hover {
	    width: 48% !important;
	}
	
	.tourgallery img {
	    width: 48%;
	}
	.tourgallery img:hover {
	    width: 48%;
	}
	
	.greyleft {
	    width: 85%;
	}
	
	#bgvid {
	    position: fixed;
	    top: 100px;
	    left: 0;
	    width: 100vw;
	    height: 60vw;
	}
	
	#topbox {
	    height: 70vw;
	}
	
	.multi-column-list li {
	    width: 45%;
	    padding: 1px;
	}
	
	#officeback {
        height: 30vh;
        margin-top: 100px;
	}
	
	#liebigback {
        height: 30vh;
        margin-top: 100px;
	}
	
	.whiteflex {
	    width: 100%;
	    display: flex;
	    flex-direction: row;
	    flex-wrap: wrap;
	}
	
	.whiteone {
	    width: 15%;
	}
	
	.whitetwo {
	    width: 85%;
	}
	
	.whitethree {
	    width: 15%;
	}
	
	.whitefour {
	    width: 85%;
	}
	
	.pulsing {
	    display: none;
	}
	
	.blackbox {
        width: 85%;
        position: relative;
        display: inline-flex;
	}
	
	#whitebox .whiteright {
	    width: 85%;
	    text-align: left;
	    margin-left: 7.5vw;
	    float: unset;
	}
	
	.artist {
	    width: 30%;
	    display: inline-block;
	    margin: 3% 2%;
	    text-align: left;
	}
	
	.artist p {
	    display: none;
	}
	
	.artist .btn a {
    	display: none;
	}
	
	.artist h2 {
	    font-size: 3vw;
	    text-align: center;
	}
	
	.outercounter {
	    width: 40%;
	}
	
	#greybox {
	    display: flex;
	    flex-direction: column-reverse;
	}
	
	.greyright {
	    margin-right: unset;
	    float: unset;
	    display: block;
	}
	
	#timeline {
	    display: none;
	}
	
	.timebox {
	    width: 70% !important;
	}
	
	.timeright::before{
		display: none;
	}
	
	.timeleft::before{display: none;}
	
	.timeleft {
	    transform: unset !important;
	    left: 5% !important;
	    margin-right: auto !important;
	    text-align: center !important;
	}
	
	.timeright {
	    transform: unset !important;
	    right: 5% !important;
	    margin-left: auto !important;
	    text-align: center !important;
	}
	
	.timebox h3 {
	    font-size: 225%;
	}
	
	.timebox h4 {
	    font-size: 175%;
	}
	
	#topbox h2 {
	    right: unset;
	    font-size: 440%;
	    left: 7.5vw;	
	}
	
	.subspacer {
	    display: none;
	}
	
	.artistsub {
	    width: 45%;
	    margin: 2%;
	    text-align: left;
	    margin-top: unset;
	}
	
	.artistsub h2 {
	    font-size: 4vw;
	}
	
	.artistsub p {
	    margin-top: 5px;
	    margin-bottom: 5px;
	}
	
	.artistsub .btn a {
	    margin-top: 0px;
	    margin-bottom: 15px;		
	}
	
	.artist img {
	    border-radius: 15px;
	}
	
	.counter {
	    font-size: 275%;
	}
	
	.outercounter p {
	    font-size: 85%;
	}
	
	.greyfull img {
	    width: 100%;
	    float: unset;
	    margin-left: 0;
	    margin-bottom: 25px;
	}
	
}