/* --------------------------- NAVIGATION --------------------------- */
nav {font-family:'text';color:#00000f;font-size:12pt;}
nav #menu-background{height:80px;width:100%;background-color:#111111;display:block;position:fixed;z-index:100;overflow:hidden}
nav #menu-foreground{height:80px;width:100%;background:none;display:block;position:fixed;z-index:102;overflow:hidden}
nav .quote-cont{position:absolute;left:20px;top:10px;text-align:center}
nav .white{color:#efeeee;text-shadow:none}
nav .heading{font-family:'heading';letter-spacing:0;font-size:28pt;line-height:1;font-weight:normal}
nav .logo-cont{padding-top:20px;position:absolute;width:300px;height:51px;min-width:300px;left:calc(50vw - 150px);background:none;display:block}
nav .logo-cont:hover {filter:brightness(130%);-webkit-filter:brightness(130%)}
nav .logo-cont img {width:300px;height:51px;display:block}
nav .menu-icon-holder{position:fixed;top:24px;right:20px;z-index:12;height:32px;width:32px;overflow:hidden;display:block}
nav #cross{width:32px;height:32px;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}
nav #cross:after,#cross:before{content:"";position:absolute;z-index:-1;background:#efeeee}
nav #cross:before{left:50%;width:20%;margin-left:-10%;height:100%}
nav #cross:after{top:50%;height:20%;margin-top:-10%;width:100%}
nav .opacity0{opacity:0;transition:ease-in .2s}
nav .opacity1{opacity:1}
nav #nav-menu-icon{position:relative;top:-31px;left:0;height:6px;display:block}
nav .toggle-opacity{opacity:1}
nav .nav-icon-toggle{border-bottom:18px double #fff;border-top:6px solid #fff;cursor:pointer}
nav #nav{width:260px;position:fixed;top:80px;right:0;background-color:#111111;display:none;z-index:104;height:620px;-webkit-transition:max-height .2s ease-in-out;-moz-transition:max-height .2s ease-in-out;-o-transition:max-height .2s ease-in-out;transition:max-height .2s ease-in-out;background-size:cover;background-position:center center;background-repeat:no-repeat;border-bottom-left-radius: 50px;padding-top:20px}
nav #topofpage{width:100%;height:80px;display:block}
nav .pink-back {background: rgb(205,59,135);background: linear-gradient(27deg, #531135 0%, #B83779 100%)}
nav .bxs {box-shadow:0 0 50px black}
nav #scrollable{position:absolute;height:calc(100vh - 80px);width:100%;overflow-y:auto}
nav .columns{width:100%;max-width:100%;overflow:hidden;text-align:left;margin:0;margin-bottom:40px;overflow-y:scroll;}
nav .column{vertical-align:top;line-height:1.3;width:250px;display:inline-block;text-align:left;color:#ffffff;height:250px;margin:0 30px}
nav .caps {text-transform: uppercase}
nav ul {padding-top:16px}
nav ul li{padding:8px 0;text-decoration:none;width:250px;display:block}
nav ul li a{color:#ffffff;font-family:'text';display:block}
nav ul li a:hover{cursor:pointer}
nav .menuHeading{font-family:'heading';letter-spacing:0;font-size:28pt}
nav li{list-style:none}
nav ul{margin:0;padding:0}
nav a{text-decoration:none;font-weight:200}
nav a:hover{color:#EA3593}

@media screen and (max-width:688px) {
	nav #nav {width:100vw;border-radius:0;height:100vh}
	nav .quote-cont{display:none}
	nav .column{vertical-align:top;line-height:1.3;width:100%;display:inline-block;text-align:left;color:#ffffff;height:calc(100vh - 80px);margin:0 calc(100vw / 32)}
	nav .column h6{padding-left:5px;text-align:left;margin-bottom:0;line-height:1;margin-top:20px}
	nav .column{margin:0 30px}
	nav .logo-cont{width:200px;min-width:200px;left:20px;top:5px}
	nav .logo-cont img{width:200px;height:34px}
	}