*{-webkit-box-sizing:border-box;box-sizing:border-box}body{background-color:#000}img{width:100%}header{text-align:center;padding:5rem 0;color:#fff}header .logo{max-width:300px;margin:0 auto}header .logo img{width:100%}header h1{margin-bottom:0}header h2{margin:0;color:#AFBC1F}.directions{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;max-width:900px;margin:0 auto;cursor:pointer;margin-top:5vh;font-size:1em}.directions h3{color:#AFBC1F;text-align:center;font-size:3em}.directions p{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;text-align:center;font-size:5em;width:2.3em;height:2.3em;border-radius:50%;border:3px solid #AFBC1F;margin:0 auto}.directions i{vertical-align:center}.box{-webkit-box-flex:1;-ms-flex:1 1 33.333%;flex:1 1 33.333%;position:relative}.box:after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;z-index:100}i{color:#fff}.link_container{position:absolute;top:30px;left:30px;width:calc(100vw - 60px);height:calc(100vh - 60px);background-color:#AFBC1F;color:#333;z-index:200;display:none}.link_container .header--links{padding:2rem}.link_container .logo{max-width:300px}.link_container h1{font-size:3rem;margin-left:2.5rem;margin-top:0}.link_container .left{font-size:5rem;cursor:pointer}.link_container .container,.link_container .header--links{-webkit-box-flex:1;-ms-flex:1 1 calc(50% - 1.5px);flex:1 1 calc(50% - 1.5px)}.link_container .svg{-webkit-box-flex:0;-ms-flex:0 0 3px;flex:0 0 3px;background-color:#fff;position:relative}.link_container .svg:after,.link_container .svg:before{content:'';position:absolute;left:0;height:15vh;width:3px;background-color:#AFBC1F}.link_container .svg:before{top:0;background-color:#AFBC1F}.link_container .svg:after{bottom:0}.link_container .container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.link_container .container a{display:block;text-align:center;text-decoration:none}.link_container .container a:nth-child(2){margin-bottom:3em}.link_container .container .icon{font-size:3.5em}.link_container .container a:not(.icon){display:inline-block;font-size:1.2em;font-weight:600;color:#fff;padding:1rem;background-color:#333;border-radius:10px}@media screen and (max-width:964px){.directions{font-size:0.5em}.link_container h1{font-size:2rem}}@media screen and (max-width:684px){.link_container h1{font-size:1.5rem}.link_container .left{font-size:3rem}}@media screen and (max-width:550px){header{padding:5rem 0}header .logo{max-width:200px}header h1{font-size:1.5rem;margin-bottom:0.6em}header h2{font-size:1.2rem}.directions{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;max-width:100%;margin-top:1vh;font-size:0.5em}.directions h3{color:#AFBC1F;text-align:center;font-size:3em}.directions p{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;text-align:center;font-size:5em;width:2.3em;height:2.3em;border-radius:50%;border:3px solid #AFBC1F;margin:0 auto}.directions i{vertical-align:center}.box{-webkit-box-flex:1;-ms-flex:1 1 33.333%;flex:1 1 33.333%;margin-bottom:2rem}.link_container{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;top:15px;left:15px;width:calc(100vw - 30px);height:calc(100vh - 30px)}.link_container .header--links{padding:2rem}.link_container .logo{max-width:200px}.link_container .header--links{-webkit-box-flex:0;-ms-flex:0 1 auto;flex:0 1 auto}.link_container .container{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto}.link_container .svg{-webkit-box-flex:0;-ms-flex:0 0 3px;flex:0 0 3px}.link_container .svg:after,.link_container .svg:before{height:3px;width:20%}.link_container .svg:before{top:0;left:0}.link_container .svg:after{left:auto;right:0}.link_container .container a:not(.icon){font-size:1.2em;padding:0.5rem}}