/*

 __   __                          _          _        ____      
 \ \ / /   __ _   _ __    _ __   (_)   ___  | | __   |  _ \     
  \ V /   / _` | | '_ \  | '_ \  | |  / __| | |/ /   | |_) |    
   | |   | (_| | | | | | | | | | | | | (__  |   <    |  _ <   _ 
   |_|    \__,_| |_| |_| |_| |_| |_|  \___| |_|\_\   |_| \_\ (_)
                                                                

*/

.background,.intro{position:absolute;left:0}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}table{border-collapse:collapse;border-spacing:0}body,html{box-sizing:border-box;font-family:Source Sans Pro,sans-serif;font-size:62.5%;height:100%;width:100%;min-width:320px;margin:0;padding:0;overflow-x:hidden}body{line-height:1;font-size:1.6rem}hr{border:none;width:200px;height:1px;background:#ddd;margin:1em}.background,.intro,.view{height:100%;top:0}.background{width:100vw;background:#444}.intro{background:#333;width:100%;display:flex;justify-content:center;align-items:center;z-index:1}.intro__message{width:40%;text-align:center;line-height:1.5em;font-size:1.5em;font-weight:300;color:#fff;display:none}.view{width:100%;min-height:400px;position:fixed;right:0;display:flex;background:0 0;transform:translateX(100%);transition:.5s}.view__backButton{position:fixed;top:calc((25% /2) - (50px / 2));left:5%;width:50px;height:50px;z-index:1;cursor:pointer;transition:.25s;display:none}.view__sidePanel{width:45%;height:100%;opacity:0;background:rgba(8,8,8,.25);transition:.5s}.view__sector{width:55%;height:100%;background:#333;position:relative}.view__sector__image{position:absolute;top:0;left:0;width:100%;height:25%;background-size:cover;background-repeat:no-repeat;background-position:center}.view__sector__image__overlay{width:100%;height:100%;background:rgba(8,8,8,.4)}.view__sector__text{position:absolute;bottom:10%;right:0;width:92.5%;height:80%;background:rgba(8,8,8,.25);border:1px solid rgba(255,255,255,.1);border-right:none;display:flex;justify-content:center;align-items:center;flex-direction:column}.view__sector__text__title{color:#fff;text-transform:uppercase;font-size:1.15em;font-weight:700;letter-spacing:.4em;margin:1em 0}.view__sector__text__description{width:60%;color:#fff;font-size:1em;line-height:1.5;text-align:center;margin:1em 0}.view__sector__line{position:absolute;background:rgba(255,255,255,.1)}.view__sector__line--1{top:0;left:15%;width:1px;height:100%}.view__sector__line--2{bottom:20%;left:0;width:100%;height:1px}.panel{width:100%;height:100%;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;transition:.5s}.panel__sector{background-position:center center;background-size:100%;background-repeat:no-repeat;position:relative;width:calc(100% / 3);height:calc(100% / 3);min-height:200px;text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center;flex-grow:0;flex-shrink:0;cursor:pointer;transform:translate(0,50px);transition:.5s;opacity:0}.panel__sector--1{transition-delay:0s;background-image:url(../img/knowledge.jpg)}.panel__sector--2{transition-delay:.1s;background-image:url(../img/art.jpg)}.panel__sector--3{transition-delay:.2s;background-image:url(../img/hedonistic.jpg)}.panel__sector--4{transition-delay:.3s;background-image:url(../img/pious.jpg)}.panel__sector--5{transition-delay:.4s;background-image:url(../img/wildlife.jpg)}.panel__sector--6{transition-delay:.5s;background-image:url(../img/traditional.jpg)}.panel__sector--7{transition-delay:.6s;background-image:url(../img/gaming.jpg)}.panel__sector--8{transition-delay:.7s;background-image:url(../img/virtual.jpg)}.panel__sector--9{transition-delay:.8s;background-image:url(../img/prison.jpg)}.panel__sector--frame{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(8,8,8,.8);display:flex;justify-content:center;align-items:center;transition:1s}.panel__sector__title{margin:1em 0;font-size:.95em;font-weight:600;letter-spacing:.45em;text-transform:uppercase;color:#fff}.panel__sector__description{display:none;width:50%}@media screen and (max-width:900px){.intro__message{width:60%}.panel__sector__title{font-size:.8em}.view__sector{width:75%}.view__sidePanel{width:25%}}@media screen and (max-width:768px){.background,.view__sidePanel{display:none}.intro__message{font-size:1.2em}.panel{height:auto}.panel__sector,.view__sector{width:100%}.view__backButton{display:block}.view__sector__text__description{width:75%}}@media screen and (max-width:500px){.intro__message{width:85%;font-size:1em}}