@media (min-width: 479px){

			h1, nav li{
				font-family: 'Staatliches';
			}

			p{
				font-family: 'Open Sans', 'Century Gothic Regular', sans-serif;
			}

			/*End of font specification*/

			/*Nav styling 1366px wide*/

    body { background-color: #000; }

			/*#outer-container{
				width: 100%;
				position: absolute;
				display: block;
				position: relative; CHANGED - Only needed on mobile
				top: -16px; CHANGED - Only needed on mobile
				left: -7px; CHANGED - Only needed on mobile
				background-color: #222222; Banding on devices outside of explicitly supported resolutions
			}*/

			#main-container{
				width: 100%; /*CHANGED*/
				display: block;
				margin: -16px auto;
				background-color: black; /*Mainly for the background colour of the footer*/
				position: relative; /*CHANGED - Only needed on mobile*/
			}

			nav{
				width: 100%; /*CHANGED*/
				height: 160px; /*CHANGED*/
				background-color: black;
				text-align: center;
				position: fixed; /*CHANGED - Only for mobile styles*/
				top:0px;
				z-index: 7;
			}

			#toolbarimagecircle{
				float: left;
				width: 140px; /*CHANGED*/
				height: 140px; /*CHANGED*/
				background-color: black;
				border-radius: 50%;
				z-index: 2;
			}

			#toolbarimagecircle-image{	/*The actual image in the header is loaded in CSS to separate from HTML*/
				width: 120px; /*CHANGED*/
				height: 120px; /*CHANGED*/
				position: relative;
				top: 20px; /*CHANGED*/
				left: 15px; /*CHANGED*/
				z-index: 2;
				background-image: url("images/1920x1080/logonav.png");
				background-size: 120px 120px; /*CHANGED*/
			}

			nav ul{
				display: none;
				/*float: right;
				position: relative;
				top: 17px; 
				padding-right: 30px; CHANGED*/
			}

			nav li{ /*Nav styling for mobile hamburger different*/
				display: block; /*CHANGED to block for mobile*/
				margin: 0 auto; /*Mobile*/
				width: 100%; /*Mobile*/
				height: 35px; /*Mobile*/
				font-size: 1.6em; /*CHANGED*/
				border: 0.8px solid black; /*Added for mobile*/
				list-style: none;
				/*padding-right: 20px; CHANGED*/
			}

			nav li a{
				text-decoration: none;
				width: 100%;
				color: white;
			}

			nav li a:hover{
				color: #c00022!important;
			}

			/*End Nav styling*/
			/*Start hamburger menu styling*/
			nav label {
				color: #c10324;
				font-style: normal;
				float: right;
				font-size: 4em;
				padding: 30px;
			}

			#hamburger{
				display: none;
			}

            #hamburgerlabel{
                    visibility: visible;
                }

			nav input:checked ~ ul {
				opacity: 0;
				animation: fade-in-top ease 0.6s forwards;
				display: block;
				position: absolute;
				width: 100%;
				background-color: #222222;
				text-align: center; /*Mobile*/
				top: 140px; /*CHANGED*/
				right: 0px;
			}

			@keyframes fade-in-top { /*Fade in animation from top for hamburger menu*/
				from {
				opacity: 0;
				transform: translateY(-20px);
				}
				to {
				opacity: 1;
				transform: translateY(0);
				}
			}

}
/*End hamburger menu styling*/