@media (min-width: 768px){

				/*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%;
					height: 220px; /*CHANGED*/
					background-color: black;
					text-align: center;
					position: fixed; /*CHANGED - Only for mobile styles*/
					top:0px;
					z-index: 7;
				}

				#toolbarimagecircle{
					float: left;
					width: 220px; /*CHANGED*/
					height: 220px; /*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: 180px; /*CHANGED*/
					height: 180px; /*CHANGED*/
					position: relative;
					top: 15px; /*CHANGED*/
					left: 25px; /*CHANGED*/
					z-index: 2;
					background-image: url("images/1920x1080/logonav.png");
					background-size: 180px 180px; /*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: 48px; /*Mobile*/
					font-size: 2.25em; /*CHANGED*/
					border: 1px 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: 5.5em;
					padding: 40px;
				}

				#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: 202px;
					right: 0px;
				}

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

}
/*End hamburger menu styling*/