/* Header */
nav.header {
	position:fixed;
	top:0px;
	width:100vw;
	height:var(--header-height);
	line-height:var(--header-height);
	border-bottom:1px solid white;
	background-color:white;
	box-shadow:var(--shadow);
	z-index:9000;
	opacity:95%;
	}
	
	ul.navigation {
		position:absolute;
		top:0px;
		right:calc(var(--margin-l) - var(--margin-m)); /* Offset to have the text of the last nav item align with margin */
		height:var(--header-height);
		line-height:var(--header-height);
		float:right;
	    list-style:none;
		}
		
		
		ul.navigation span {
			float:right;
			opacity:30%;
			padding:0px var(--margin-m) var(--margin-l) var(--margin-m);
			}
			
		ul.navigation a {
			height:var(--header-height);
			line-height:var(--header-height);
			font-weight:400;
			font-size:12px;
			text-transform:uppercase;
			float:right;
			text-align:right;
			padding:0px var(--margin-m) var(--margin-l) var(--margin-m);
			}
	
			ul.navigation a:hover {
				background-color: rgba(255, 255, 255, 0.2);
				border-radius: 5px;
				}

	.hamburger {
	    display:none;
		position:absolute;
		top:0px;
		right:var(--page-margin);
	    cursor:pointer;
	    font-size:32px;
	    color:var(--color-dark);
		}

@media (max-width: 800px) {
    /* Hamburger menu appears and links hide on small screens */
    ul.navigation {
        display:none;
        top:calc(var(--header-height) - var(--margin-m));
        background-color:white;
        width:50vw;
        height: auto;
        border-radius:var(--radius-tight);
        box-shadow:var(--shadow);
    	}

	    ul.navigation.active {
	        display: block;
	    	}

	    ul.navigation a {
			line-height:48px;
			height:48px;
		    text-align:left;
			width:100%;
			vertical-align:middle;
	        border-bottom:var(--divider-light);
	        display:block;
	        padding:0px var(--margin-s);
	    	}
	    
	    ul.navigation span.divider {
		    display:none;
		    }

    div.hamburger {
        display: block;
    	}
	}
    

/* Footer */
div.footer {
	padding:var(--page-margin);
	margin:0px auto;
	width:100vw;
    z-index:1;
    max-width:1200px;
    background-color:var(--color-very-light);
	}
	
	div.footer div.blurb {
		margin-bottom:var(--margin-m);
		}
		
	div.footer a.logo {
		display:block;
		width:100%;
		position:relative;
		border-top:1px solid var(--color-medium);
		padding-top:var(--margin-m);
		margin-bottom:var(--margin-m);
		}
    
	div.footer div.footer_column {
		float:left;
		width:33%;
		}
	
		@media (max-width: 600px) {
		    div.footer_column {
				width:100% !important;
				}
		    }
		
	div.footer div.footer_content_legal {
		margin-top:40px;
		color:var(--color-dark);
		}
	
	div.footer ul {
		list-style:none;
		font-size:14px;
		}