h1{text-align:center;color:#fff;margin-top:200px}.subpage-header{position:relative;height:444px;background-image:url(../img/metaphors.png);background-size:cover}.subpage-header h1{z-index:3}.subpage-header-gradient{position:absolute;height:100%;width:100%;left:0;top:0;background:linear-gradient(to bottom,rgba(0,0,0,.3),rgba(0,0,0,0))}.content h2:not(.nav-menu-header){margin-top:60px}.top-menu{display:none}.floating-menu{display:block;z-index:10}.subpage-container{padding-top:40px;padding-bottom:40px;display:-ms-flexbox;display:flex}.subpage-container .sidebar{width:33.33%}.subpage-container .content{width:66.66%}.subpage-container .sidebar .floating-menu{position:absolute;top:0;padding-top:100px}.nav-menu nav ul li{display:block;overflow:hidden;font-size:20px;line-height:2.2;letter-spacing:.7px;color:#999}.nav-menu nav ul li:hover,.nav-menu nav ul li:hover a,.nav-menu.floating-menu nav ul li a.nav-active,.nav-menu.top-menu nav ul li a.nav-active{color:#000}.nav-menu h2{opacity:.47;font-size:20px;line-height:2.2;letter-spacing:.9px;color:rgba(153,153,153,.7);text-transform:uppercase;font-weight:700}h2{text-align:left}@media (max-width:900px){.floating-menu{display:none}.top-menu{display:block}.subpage-container .sidebar{width:0}.subpage-container .content{width:100%}}@media only screen and (max-device-width:580px){h1{font-size:48px}li,p{font-size:16px}h2{font-size:46px}h2 .subtitle,h2.subtitle{font-size:36px}h3{font-size:48px}h5{font-size:26px}h5 .subtitle,h5.subtitle{font-size:22px}.page-container,body{position:relative}.subpage-header-text{font-size:48px}.long-title{font-size:44px}.error-header-text{font-size:48px}.nav-menu nav ul li{font-size:24px}}a:active{color:#26c6da!important}