@media only screen and (min-width: 1050px) {

	#mobilemenu {
		display: none;
	}

	#navlinks {
		display: none;
	}

	#menubar {
		display:flex;
		flex-direction:row;
		width:100%;
		text-align: center;
		position: fixed;
		top: 0;
		height: 60px;
		background-color: #545454;
		flex-shrink: 0;
		z-index:1;
	}

	.menuitem {
		display: flex;
		flex-basis: 0;
		flex-grow: 1;
		align-items: center;
		justify-content: center;
		font-weight: 700;
		font-style: italic;
		color: white;
		border-color: white;
		border-left-style: solid;
		border-right-style:solid;
		border-left-width: thin;
		border-right-width: thin;
		position: relative;
	}

	.menuitem a {
		font:inherit;
		color: white;
		text-decoration: none;
	}

	.menulogo {
		height: 100%;
		display: flex;
		flex-grow: 4;
		padding-left: 20px;
		align-items: center;
		border-color: white;
		border-left-style: solid;
		border-right-style:solid;
		border-left-width: 0px;
		border-right-width: thin;

	}

	.logoimg {
		max-height:100%;
	}


	.dropdown {
		float: left;
		overflow: visible;
		width:100%;

	}

	.dropdown .dropbtn { 

		border: none;
		outline: none;
		color: white;
		height: 100%;
		width:100%;
		background-color: inherit;
		font:inherit;
		margin: 0;
		cursor: pointer;

	}

	.dropdown-content {
		display: none;
		position: absolute;
		background-color: #f9f9f9;
		width:100%;
		text-align: center;
		box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
		z-index: 1;
	}

	.dropdown-content a {
		float: none;
		color: black;
		padding: 12px 16px;
		text-decoration: none;
		display: block;
		text-align: center;
	}

	.dropdown-content a:hover {
		background-color: #ddd;
	}


	.dropdown:hover .dropdown-content {
		display: block;

	}

	#pagelabel {
		width: 100%;
		background-color: #282E34;
		color: #ddd;
		position: absolute;
		top: 50px;
		display: flex;
		flex-direction: row;
	}

	.labelblock {
		display: flex;
		flex: 1;
		align-items: center;
		padding: 15px 2em;

	}

	.labelblock h2 {
		font-size: 30px;
		margin: 0;

	}
	.labelblock h2 a {
		font: inherit;
		color: white;
		text-decoration: none;

	}


	footer {
		/* flex-shrink: 0; */
		position: fixed;
		bottom: 0px;
		width: 100%;
		background-color: #efefef;
		text-align: center;
		color: #00194C;
		font-size: 12px;

	}


}


/* Tablet */
@media only screen and (min-width: 700px) and (max-width: 1049px) {

	#mobilemenu {
		display: none;
	}

	#navlinks {
		display: none;
	}

	#menubar {
		display:flex;
		flex-direction:row;
		width:100%;
		text-align: center;
		position: fixed;
		top: 0;
		height: 60px;
		background-color: #545454;
		flex-shrink: 0;
		z-index:1;
	}

	.menuitem {
		display: flex;
		flex-basis: 0;
		flex-grow: 1;
		align-items: center;
		justify-content: center;
		font-weight: 700;
		font-style: italic;
		color: white;
		border-color: white;
		border-left-style: solid;
		border-right-style:solid;
		border-left-width: thin;
		border-right-width: thin;
		position: relative;
	}

	.menuitem a {
		font:inherit;
		color: white;
		text-decoration: none;
	}

	.menulogo {
		height: 100%;
		display: flex;
		flex-grow: 1;
		align-items: center;
		justify-content: center;
		border-color: white;
		border-left-style: solid;
		border-right-style:solid;
		border-left-width: thin;
		border-right-width: thin;

	}

	.logoimg {
		max-height:100%;
	}


	.dropdown {
		float: left;
		overflow: visible;
		width:100%;

	}

	.dropdown .dropbtn { 

		border: none;
		outline: none;
		color: white;
		height: 100%;
		width:100%;
		background-color: inherit;
		font:inherit;
		margin: 0;
		cursor: pointer;

	}

	.dropdown-content {
		display: none;
		position: absolute;
		background-color: #f9f9f9;
		width:100%;
		text-align: center;
		box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
		z-index: 1;
	}

	.dropdown-content a {
		float: none;
		color: black;
		padding: 12px 16px;
		text-decoration: none;
		display: block;
		text-align: center;
	}

	.dropdown-content a:hover {
		background-color: #ddd;
	}


	.dropdown:hover .dropdown-content {
		display: block;

	}

	#pagelabel {
		width: 100%;
		background-color: #282E34;
		color: #ddd;
		position: absolute;
		top: 50px;
		display: flex;
		flex-direction: row;
	}

	.labelblock {
		display: flex;
		flex: 1;
		align-items: center;
		padding: 15px 1em;

	}

	.labelblock h2 {
		font-size: 20px;
		margin: 0;

	}
	
	.labelblock h2 a {
		font: inherit;
		color: white;
		text-decoration: none;

	}

	
	.labelblock h3 {
		font-size: 20px;
		margin: 0;

	}


	footer {
		/* flex-shrink: 0; */
		position: fixed;
		bottom: 0px;
		width: 100%;
		background-color: #efefef;
		text-align: center;
		color: #00194C;
		font-size: 12px;

	}


}

/* Mobile */


@media only screen and (max-width: 699px) {

	#menubar {
		display:none
	}

	#mobilemenu {

		display:flex;
		flex-direction:row;
		width:100%;
		text-align: center;
		position: fixed;
		top: 0;
		height: 50px;
		background-color: #545454;
		flex-shrink: 0;
		z-index:1;
	}


	.menulogo {
		height: 100%;
		display: flex;
		flex-grow: 1;
		align-items: center;
		justify-content: flex-start;
		border: 0;
		padding:0 10px;

	}
	
	.menulogo a {
		max-height:100%;
	}

	.menuitem {
		display: flex;
		flex-basis: 0;
		flex-grow: 1;
		align-items: center;
		justify-content: flex-end;
		padding-right: 10px;
		font-weight: 700;
		font-style: italic;
		color: white;
	}


	.logoimg {
		max-height:100%;
	}


	#navlinks {
		display: none;
		position: fixed;
		margin-top:50px;
		flex-direction:column;
		width:100%;
		background-color: #FFF;
		margin-bottom:30px;
		z-index: 100;

	}

	.navitem {
		display: flex;
		width:100%;
		justify-content: center;
		align-items: center;
		font-size:20px;
		padding:5px;
		border-bottom-color: black;
		border-bottom-style: groove;
		border-bottom-width: thin;
		overflow-y: auto;

	}

	.navheader {
		display: flex;
		width:100%;
		color:#FFB100;
		justify-content: center;
		align-items: center;
		font-size:20px;
		font-weight: bold;
		padding:5px;
		border-bottom-color: black;
		border-bottom-style: groove;
		border-bottom-width: thin;
		overflow-y: auto;

	}

	.navheader a, .navitem a{
		font:inherit;
		color: inherit;
		text-decoration: none;
	}

	#pagelabel {
		width: 100%;
		background-color: #282E34;
		color: #ddd;
		position: absolute;
		top: 50px;
		display: flex;
		flex-direction: column;
	}

	.labelblock {
		display: flex;
		flex: 1;
		align-items: center;
		padding: 5px 1em;
		justify-content: center !important;

	}

	.labelblock h2 {
		font-size: 24px;
		margin: 0;

	}
	
	.labelblock h2 a {
		font: inherit;
		color: white;
		text-decoration: none;

	}



	.menuicon {
		display: inline-block;

		cursor: pointer;
	}

	.bar1, .bar2, .bar3 {
		width: 35px;
		height: 5px;
		background-color: #ffffff;
		margin: 6px 0;
		transition: 0.4s;
	}

	.change .bar1 {
		-webkit-transform: rotate(-45deg) translate(-9px, 6px);
		transform: rotate(-45deg) translate(-9px, 6px);
	}

	.change .bar2 {opacity: 0;}

	.change .bar3 {
		-webkit-transform: rotate(45deg) translate(-8px, -8px);
		transform: rotate(45deg) translate(-8px, -8px);
	}


	footer {
		/* flex-shrink: 0; */
		position: fixed;
		bottom: 0px;
		width: 100%;
		background-color: #efefef;
		text-align: center;
		color: #00194C;
		font-size: 12px;

	}


}