@charset "UTF-8";
/*•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.
.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•
•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.
.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•
•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.
.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•
•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.
.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•
•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.
.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•___•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•
•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.|||.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.
.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•._____.•.•.•.•.•.•.•.•.•.•|||•.•.•.•.•.•.•._____.•.•.•.•.•.•.•.•.•
•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•|||||•.•.•.•.•.•.•.•.•.•_|||_•.•.•.•.•.•.•|||||•.________•.•.•.•.
.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.|||||.•.•.•.•.•.•.•.•.•.|||||.•.•.•.•.•.•.|||||._||||||||.•.•.•.•
•.•.•.•.•.•.___.•.•.•.•.•.•.•.•|||||•.•.____•.•.___.•._|||||_.•.•.•.•.•.||||||•|____||||•.•.•.•.
.•.•.•.•.•.•|||•.•.•.•.•.•.•.•.|||||____||||.•.•|||•.•|||||||•.•__.•.•.•||||||.|||||_|||.•.•.•.•
•.•.•.•.•.•.|||.•.•___•.•.•.•.•|||||||||||||•.•.|||.•.|||||||.•_||___.•.||||||•|||||_|||•.•.•.•.
.•.•.•.•.•.•|||.___|||.•_______|||||||||||||.•.•|||_.•|||||||•._|||||•.•||||||.|||||_|||.•.•.•.•
•.•.•.___••.|||•|||_||•_|||||||___||||||||||•.•_||_|•.|||||||.•_|||||.•.||||||•|||||_|||•.•.•.•.
.•.•._|||_.•|||.|||_||.|||||||||||_|||||||||.•.||_||.•|||||||•._|||||•.•||||||.|||||_|||.•.•.•.•
•.•.•|||||•.|||•|||_||•|||||||||||_|||||||||•.•||_||•.|||||||.•||||||.•.||||||•|||||_|||•.•.•.•.
.•.•.|||||.•|||.|||_||.|||||||||||_|||||||||.•.||_||.•|||||||•.||||||•.•||||||.|||||_|||.•.•.•.•
•.•.•|||||•.|||•|||_||•|||||||||||_|||||||||•.•||_||•.|||||||.•||||||.•.||||||•|||||_|||•.•.•.•.
.•.•.|||||.•|||.|||_||.|||||||||||_|||||||||.•.||_||.•|||||||•.||||||•.•||||||.|||||_|||.•.•.•.•
•.•.•|||||•.|||•|||_||•|||||||||||_|||||||||•.•||_||•.|||||||.•||||||.•.||||||•|||||_|||•.•.•.•.
.•.•.DESIGNED AND BUILT ENTIRELY BY HAND IN BEAUTIFUL DOWNTOWN LOS ANGELES, JUST FOR YOU.•.•.•.•
•.•.•.BY IAN BESLER.•.•.•.HTTP://WWW.IANBESLER.COM/.•.•.•.HTTP://WWW.BESLERANDSONS.COM/.•.•.•.•.
.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•*/

button#hamburger-button {
		display: block;
		z-index: 100;
		position: fixed;
		top: 0;
		left: 0;
		padding: 0.4em;
		background-color: #fff;
		border-radius: 10%;
		border: 0.25em solid #000;
		margin: 1em;
	}

	button#hamburger-button div {
		transition: transform 0.5s;
	}

	button#hamburger-button:hover {
		background-color: #000;
	}

	button#hamburger-button:hover div {
		background-color: #fff;
	}

		.close-button-one {
			transform: rotate(45deg)translateX(0.75em)translateY(0.8em);
		}

		.close-button-two {
			transform: scaleX(0);
		}

		.close-button-three {
			transform: rotate(-45deg)translateX(0.75em)translateY(-0.8em);
		}

	div {
		width: 3em;
		height: 0.5em;
		background-color: #000;
		margin: 0.6em;
	}

nav {
	position: fixed;
	z-index: 2;
	width: 100%;
	background-color: rgba(255,255,255,0.8);
	transform: translateY(-100%);
	transition: transform 1s;
}
nav ol li {
	display: inline-block;
	font-size: 1.2vw;
	font-weight: bold;
	text-transform: uppercase;
}
nav ol li a:link {
	display: inline-block;
	color: #000;
	margin: 2vw 2vw;
	width: 10vw;
	padding: 1vw 1vw;
	border: 0.25em solid #000;
}
nav ol li a:hover {
	background-color: #fff;
}
nav ol li a:visited {
	color: #000;
	border-color: #000;
}
nav ol li a:link.current {
	background-color: #000;
	color: #fff;
}
.slide-down {
	transform: translateY(0);
}

/*•.•.•.•.•.•.•.•.•.•
.•.•.•RESPONSIVE•.•.•.
•.•.•.•.•.•.•.•.•.•*/

@media screen and (max-width: 1200px) {
	
	nav {
		padding-left: 20%;
		width: 80%;
		transform: translateY(-22vh);
	}
	
	nav ol li {
		font-size: 3.5vw;
	}

	nav ol li a:link {
		display: inline-block;
		color: #000;
		margin: 2vw 0 2vw 3vw;
		width: 30vw;
		padding: 2vw 1vw;
		border: 0.5vw solid #000;
	}
}

@media screen and (min-width: 601px) and (max-width: 1200px) {
	
	nav {
		padding-left: 5%;
		width: 95%;
		transform: translateY(-16vh);
	}
	
	nav ol li {
		font-size: 2vw;
	}

	nav ol li a:link {
		margin: 1.5vw 2vw;
		width: 20vw;
		padding: 2vw 1vw;
	}
}