/*RESET*/
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}
body{line-height:1}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
nav ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:none}
a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}
ins{background-color:#ff9;color:#000;text-decoration:none}
mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold}
del{text-decoration:line-through}
abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}
table{border-collapse:collapse;border-spacing:0}
hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}
input,select{vertical-align:middle}

/*GET STARTED*/
body{
  font-family: "freight-text-pro",sans-serif;
  font-style: normal;
  font-weight: 400;
  transition: all .25s;
  text-rendering: optimizeLegibility;
  font-smoothing: subpixel-antialiased;
}
@font-face {
  font-family: "GeneralFoundicons";
  src: url("fonts/general_foundicons.eot");
  src: url("fonts/general_foundicons.eot?#iefix") format("embedded-opentype"), url("fonts/general_foundicons.woff") format("woff"), url("fonts/general_foundicons.ttf") format("truetype"), url("fonts/general_foundicons.svg#GeneralFoundicons") format("svg");
  font-weight: normal;
  font-style: normal;
}
.foundicon-minus {
  display: inline;
  width: auto;
  height: auto;
  line-height: inherit;
  vertical-align: baseline;
  background-image: none;
  background-position: 0 0;
  background-repeat: repeat;
}

.foundicon-minus:before {
  font-family: "general_Foundicons";
  font-weight: normal;
  font-style: normal;
  text-decoration: inherit;
}
a{
  font-style: italic;
  transition: all .25s;
  transition: font-size 0s;

}
a:link, a:visited, a:active{
  color: #FE0139;
  text-decoration: none;
  font-family: "freight-text-pro",sans-serif;
  font-style: italic;
  font-weight: 400;
  transition: color .25s;
}
h1, a h1 {
  font-style: normal;
  font-size: 4rem;
  line-height: 4rem;
  padding: 1rem;
  font-family: "freight-big-pro",sans-serif;
  text-align: center;
  font-weight: 900;
}
a:hover{
  color: blue;
  text-decoration: none;
  transition: all .25s;
}
#content{
  width: 100%;
  height:100%;
  position: fixed;
  background-size: cover;
  background: rgb(255,255,255);
  background: radial-gradient(ellipse at center, #ffffff 0%,#f0f0f2 100%);
  z-index: -1;
}
.nav{
  position: relative;
  display: block;
  width: 20rem;
  height: 20rem;
  top: 50%;
  margin: -10rem auto 0 auto;
  border: 1px solid rgba(0,0,0,0);
}
#cube {
  display: block;
  width: 10rem;
  height: 10rem;
  transform-style: preserve-3d;
  top: 50%;
  margin: -5rem auto 0 auto;
  position: relative;
  perspective:575px;
  perspective-origin: 100% 100%;
  trasition:all .25s;
}
#cube div {
  width: 10rem;
  height: 10rem;
  display: block;
  position: fixed;
  border:3px solid #FE0139;
}
.front{
  background-image:linear-gradient(-45deg,rgba(0,0,0,0) 25%, #FE0139 25%, #FE0139 50%,rgba(0,0,0,0) 50%, rgba(0,0,0,0) 75%, #FE0139 75%, #FE0139);
  /*background-size:6px 6px;*/
  transform: rotateY(   0deg ) translateZ( 5.12rem );
  cursor: alias;
}
#cube .back{
  transform: rotateX( 180deg ) translateZ( 5.12rem );
}
#cube .right{
  transform: rotateY(  90deg ) translateZ( 5.12rem );
}
#cube .left{
  transform: rotateY( -90deg ) translateZ( 5.12rem );
}
#cube .top{
  transform: rotateX(  90deg ) translateZ( 5.12rem );
}
#cube .bottom{
  transform: rotateX( -90deg ) translateZ( 5.12rem );
}
.nav:hover #cube, .hovered #cube{
  transform:
    translateZ(-5.12rem)
    rotateY(-0.2deg)
    rotateX(0.2deg)!important;
    transition: all .25s;
}
.icon, #move, #return {
  fill: #FE0139;
    transition: all 0s;

}
.icon:hover, #return:hover{
  fill: blue;
    transition: all 0s;
}
#isvg,#bsvg,#tsvg,#ssvg,#msvg{
  width: 1.6rem;
  height: 1.6rem;
  position: static;
  margin-bottom: .3rem;
}
.smallnav #isvg,.smallnav #bsvg,.smallnav #tsvg,.smallnav #msvg,.smallnav #ssvg{
  width: 1.5rem;
  height: 1.5rem;
}
#isvg{
  margin-bottom: .3rem;
}
#msvg{
  margin-bottom: -.05rem;
}
#iconwrap{
  width: 2rem;
  left: 1rem;
  position: absolute;
  bottom: 4.28rem;
  opacity: 0;
}
#contactwrap{
  opacity: 0;
  right: 17.5rem;
  position: absolute;
  top: 3rem;
}
#statement {
  font-family: "freight-text-pro",sans-serif!important;
  display: none!important;
  opacity: 0;
  transition: all .25s;
  width: 17rem!important;
  color: #FE0139;
  border: none!important;
  left: 15rem;
  top: .5rem;
  font-size: 1rem!important;
  line-height: 1.3rem!important;
  font-weight: 400!important;
  height: auto!important;
}
.orbit-bullets{
  display: none;
}
#statement h4{
  font-family: "freight-text-pro",sans-serif!important;
  font-size: 1.3rem!important;
  line-height: 1.7rem!important;
  font-weight: 400!important;
}
.nav:hover #statement, .hovered #statement{
  display: block!important;
}
#cube #statement{
  transition: all .25s;
  z-index: 99;
  color: blue;
}
#cube #statement a{
  color: blue;
}
#cube #statement a:hover{
  color: #FE0139;
}
#cube:hover div, .smallicon:hover .front, .smallicon:hover #middlebox{
  border-color: blue;
}
#cube:hover .front, .smallicon:hover .front{
  background-image:linear-gradient(-45deg,rgba(0,0,0,0) 25%, blue 25%, blue 50%,rgba(0,0,0,0) 50%, rgba(0,0,0,0) 75%, blue 75%, blue);
}
.nav:hover #iconwrap, .nav:hover #contactwrap, .hovered #iconwrap, .hovered #contactwrap{
  opacity: 1;
  transition: all .25s;
}
.smallnav{
  width: 4.3rem;;
  height: auto;
  position: fixed;
  bottom: 1rem;
  left: 1rem;
  z-index: 1;
}
.smallnav div{
  width: 4rem;
  height: 4rem;
  display: block;
  border:2px solid #FE0139;
  animation-name: swingdown;
  animation-duration: .5s;
  animation-timing-function: ease;
}
.contactsmall{
  position: fixed;
  left: 6.2rem;
  bottom: .8rem;
}
#middlebox{
  width: 3rem;
  height: 3rem;
  bottom: 0px;
  right: 0px;
  position: fixed;
  border-right: none;
  border-bottom: none;
}
.smallnav #iconwrap{
  opacity: 1;
  border: none;
  left: -0.2rem;
  bottom: 4.5rem;
  height: auto;
}
.smallnav .contactsmall{
  font-size: .9rem!important;
  margin-bottom: .1rem;
}
h2{
  text-transform: uppercase;
  letter-spacing: .1rem;
  margin-top: 1rem;
  font-family: "freight-sans-pro";
  font-weight: 800;
  font-size: .7rem;
  border-top: 2px solid #FE0139;
  margin-top: 1.3rem;
}
.text{
  bottom: 5.4rem;
  top: 4.15rem;
  left: 6.2rem;
  right: 1.8rem;
  color: #FE0139;
  position: absolute;
  font-size: .7rem;
  line-height: 1.3rem;
  font-weight: 800;
  letter-spacing: .1rem;
  animation-name: swingdown;
  animation-duration: .5s;
  animation-timing-function: ease;
}
.awards h2, .history h2{
  margin-bottom: .2rem;
}
.text i{
  font-weight: 300;
  font-size: 1rem;
  line-height: 1.3rem;
  letter-spacing: 0;
  display: block;
  margin: -.2rem 0 .4rem;
}
h5{
  font-size: .7rem;
  letter-spacing: 0;
  font-weight: 400;
}
.smallnavtop{
  position: absolute;
  width: 10rem;
  border-bottom: 1px solid #FE0139;
  right: 1rem;
  top: .25rem;
  animation-name: swingdown;
  animation-duration: .75s;
  animation-timing-function: ease;
}
#move{
  width: 1.45rem;
  height: 1.45rem;
  cursor: all-scroll;
  float:right;
  margin: .2rem 0;
}
.min svg{
  z-index: 1;
}
.expand svg{
  opacity: .4;
}
.expand:hover svg, .min:hover svg{
  fill:blue;
}

.navbig svg{
  width: 100%;
  height: 100%;
  fill:#FE0139;
  position: absolute;
}
.navbig{
  width: 5.1rem;
  height: 5.1rem;
  position: fixed;
  top: .5rem;
  left: .6rem;
  cursor: pointer;
}
.navbig svg{
  fill: none;
  stroke: #FE0139;
  stroke-width: 2px;
}
.navbig svg:hover{
  stroke: blue;
  fill: none;
}

#move2{
  width: 1.3rem;
  height: 1.3rem;
  cursor: all-scroll;
  float:right;
  fill:#FE0139;
  transform:rotate(45deg);
}
.navlist a{
  display: inline-block;
  border-top: 1px solid #FE0139;
  padding: .25rem 0;
  text-align: center;
  width: 100%;
  font-style: normal;
  font-size: .7rem;
  line-height: 1.3rem;
  font-weight: 400;
  letter-spacing: .1rem;
  font-family: "freight-sans-pro";
  text-transform: uppercase;
}
.navlist a:first-child{
  border-top: 2px solid #FE0139;

}
.navlist a:hover{
  color: rgba(249,249,249,1);
  background: #FE0139;
}
/*@keyframes swingdown {
  0% {
    opacity: .99999;
    transform: rotateX(90deg);
  }
  30% {
    transform: rotateX(-20deg) rotateY(5deg);
    animation-timing-function: ease-in-out;
  }
  65% {
    transform: rotateX(20deg) rotateY(-3deg);
    animation-timing-function: ease-in-out;
  }
  100% {
    transform: rotateX(0);
    animation-timing-function: ease-in-out;
  }
}*/
#return{
  width: 1.3rem;
  height: 1.3rem;
  right: 1rem;
  top: 1rem;
  position: fixed;
}
.disc{
  position: absolute;
  width: 24rem;
  right: 10rem;
  top: .1rem;
  font-family: "freight-text-pro",serif!important;
  color: #FE0139;
  font-weight: 400;
  font-size: 1.3rem;
  line-height: 1.7rem;
}
.disctext{
  border-top: 2px solid #FE0139;
  padding: .25rem 0;
  padding-right: 1rem;
}
.disctext p{
  margin-bottom: .6rem;
  padding-right: 1rem;
}
.tabs{
  height: 1.5rem;
  padding-bottom: .2rem;
}
.tabs a, .tabs div{
  margin: .25rem 0;
  font-weight: 400;
  font-family: "freight-sans-pro";
  font-style: normal;
  font-size: .7rem;
  letter-spacing: .1rem;
  display: none;
}
.work{
  bottom: 0;
  top: 0;
  left: 0;
  right: 0;
  position: absolute;
  z-index: -1;
  opacity: .1;
}
iframe{
  width: 100%;
  height:100%;
}
.navnav{
  float: right;
  top: -.9rem;
  right: -.5rem;
  padding: 1rem 0.3rem;
  position: absolute;
  display: none;
}
.navright{
  margin-top:1.8rem;
}
.navminify{
  position: absolute;
  fill: #FE0139;
  top: .4rem;
  height: 1rem;
  width: 1rem;
  line-height: 1rem;
  font-size: 2rem;
  right: 0rem;
  font-family: monospace;
  cursor: pointer;
}
.navminify div{
  opacity: 1;
  position: absolute;
  transition: all .25s;
}
.navminify div #Layer_1{
  width: 1.1rem;
  height: 1.1rem;
  margin-top: .1rem;
}
.navminify:hover{
  opacity: 1!important;
}
div.expand{
  opacity: 0;
  z-index: -1;
}
.innerdisc p{
    margin-bottom: .6rem;
}
.in{
  width: 100%;
  border: none;
  background: none;
}
.out{
  width: 100%;
  border: none;
  background: none;

}
.entertext{
  bottom: 5.1rem;
  top: 2.05rem;
  left: 6.2rem;
  right: 11rem;
  color: #FE0139;
  position: absolute;
  font-size: .7rem;
  line-height: 1.3rem;
  font-weight: 800;
  letter-spacing: .1rem;
  overflow:hidden;
  overflow-y: auto;
  border-bottom: 2px solid;
  border-top: 2px solid;
  padding-top: 1rem;
  padding-right: 1rem;
}
.out, .in{
  font-size: 5rem;
  line-height: 10rem;
  height: 9rem;
  outline: none;
  resize: none;
  color:blue;
  -moz-font-feature-settings:'calt' 1;
  -moz-font-feature-settings:'calt=1';
  -ms-font-feature-settings:'calt' 1;
  -o-font-feature-settings:'calt' 1;
  -webkit-font-feature-settings:'calt' 1;
  font-feature-settings:'calt' 1;
}
.typeminus, .typeplus{
  position: relative;
  float: right;
  height: 0;
  width: 0;
  line-height: 0;
  right: 1rem;
  top: 0.1rem;
  fill:#FE0139;
}
.deactive{
  display: none;
}
.typeminus:hover, .typeplus:hover{
  cursor: pointer;
  fill:blue;
}
.typeminus svg, .typeplus svg{
  width: 1.1rem;
  height: 1.1rem;
}
.fontlink2{
  display: none;
}
.fontlink2,.fontlink1{
  cursor: pointer;
}
#border1{
  position: fixed;
  background:#FE0139;
  width: 100%;
  height: 1px;
  top: 0;
  left: 0;
}
#border2{
  position: fixed;
  background:#FE0139;
  height: 100%;
  width: 1px;
  top: 0;
  right: 0;
}
#border3{
  position: fixed;
  background:#FE0139;
  width: 100%;
  height: 1px;
  bottom: 0;
  left: 0;
}
#border4{
  position: fixed;
  background:#FE0139;
  height: 100%;
  width: 1px;
  top: 0;
  left: 0;
}
.typeimg svg{
  fill:#FE0139;
  width: 100%!important;
  height: 100%;
  margin-bottom: 1rem;
}
.typeimg svg g{
  width: 100%;
}

.Finkl_Full_Inlineimg svg g .finklchange{
  opacity:0;
  transition: all .25s;
  fill:#FE0139;
}
.Finkl_Full_Inlineimg svg g:hover .finklchange{
  opacity: 1;
  transition: all .25s;
}
.Finkl_Full_Inlineimg svg g:hover{
  fill:blue;
  opacity: 1;
  transition: all .25s;
}

.fonttitle{
  width: 100%;
  border-top: 1px solid;
  border-bottom: 1px solid;
  display: inline-block;
  padding: .25rem 0;
  text-align: center;
  font-style: normal;
  font-size: .7rem;
  line-height: 1.3rem;
  font-weight: 400;
  letter-spacing: .1rem;
  font-family: "freight-sans-pro";
  text-transform: uppercase;
  margin-top:1rem;
}
svg g .typeimgback{
  opacity: 0;
  transition:all .25s;
  fill:blue;
}
.bodydisplay{
  height: auto;
  font-size: 1rem;
  line-height: 1.5rem;
  max-width: 30rem;
  margin: 0 auto;
  padding: 1rem 0 0;
}
.smallredborder{
    border-top:1px solid #FE0139;
}
.typeimg svg g:hover .typeimgfront{
  opacity: 0;
  transition:all .25s;

}
.typeimg svg g:hover .typeimgback{
  opacity: 1;
  transition:all .25s;
}
.indisc{
  width: 100%;
  height: auto;
  padding: 1rem 0;
  border-top: 2px solid;
  font-family: "freight-text-pro",serif!important;
  color: #FE0139;
  font-weight: 400;
  font-size: 1.3rem;
  line-height: 1.7rem;
  margin-top: 1rem;
}
.innerdisc{
  max-width: 30rem;
  margin: 1rem auto;
}
#box1,#box2,#box3,#box4{
  width: 7px;
  height: 7px;
  background: #FE0139;
  position: fixed;
}
#box1{
  top: 0;
  left: 0;
}
#box2{
  top: 0;
  right: 0;
}
#box3{
  bottom: 0;
  right: 0;
}
#box4{
  bottom: 0;
  left: 0;
}
.ie{
  position: absolute;
  height: 100%;
  width:100%;
  display: table;
}
.ie p{
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  line-height: 2.5rem;
  color: #FE0139;
  font-size: 2rem;
}
.imglinkchange{
  position: absolute;
  top: 1rem;
  right: 1rem;
}
#top{
  fill:#FE0139;
  transition: all .25s;

}
#bottom{
  fill:blue;
  transition: all .25s;
}
.svgbottom{
  opacity: 0;
  transition: all .25s;

}
g:hover .svgbottom{
  opacity: 1;
  transition: all .25s;
}
.visiblestatement{
  opacity: 1!important;
}
.buytype{
  position: relative;
  float: left;
  height: 0;
  width: 0;
  line-height: 0;
  top: 1.9rem;
  font-size: 1.25rem;
}
.buytype a{
  font-style: normal;
  font-weight: 600;
  font-family: "freight-sans-pro";
}
.icon_disc {
  position: absolute;
  text-align: right;
  width: auto;
  padding: .23rem .3rem;
  white-space: nowrap;
  right: 2.8rem;
  display: none;
  color: #FE0139;
}
.icon_disc:after {
  content: '';
  width: 0;
  display: block;
  height: 0;
  border-top: .2rem solid transparent;
  border-bottom: .2rem solid transparent;
  border-left: .3rem solid #FE0139;
  position: absolute;
  right: -.45rem;
  top: .65rem;
}
a.icon:hover .icon_disc{
  display: block;
}
.navbigscreen a {
  font-family: "freight-sans-pro",sans-serif;
  font-style: normal;
  font-size: 1rem;
  font-weight: 900;
  text-transform: uppercase;
  border: 2px solid;
  display: block;
  margin: .4rem;
  width: 3.5rem;
  text-align: center;
  padding: .25rem;
  letter-spacing: .01em;
  line-height: 1.18rem;
}
.orbitclicked .slider-nav{
    display: block!important;
}
.orbitclicked .right {
  display: block!important;
  position: fixed!important;
  width: 2rem!important;
  height: 2rem!important;
  top: 50%;
  margin-top: -1rem;
  right: 1.5rem;
  left: initial!important;
  border-right: .75rem solid #FE0139;
  border-bottom: .75rem solid #FE0139;
  transform: rotate(-45deg);
}
.orbitclicked .right:hover{
  border-color: blue;
}
.old_lettering svg {
  fill: #FE0139;
}
.singlechar {
  width: 4rem;
  height: 4rem;
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  line-height: 4rem;
  font-size: 1.5rem;
}
.character-map{
  margin: 2rem auto;
  display: inline-block;
  text-align: center;
}
.singlechar:nth-child(even) {
  background: rgba(254,1,57,.015);
}
.singlecharsecondary{
  display: none;
}
.char-seemore {
  height: 3.9rem;
  width: 11.8rem;
  border: .1rem solid;
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  line-height: 4rem;
  font-style: normal;
  font-size: .7rem;
  font-weight: 400;
  letter-spacing: .1rem;
  font-family: "freight-sans-pro";
  text-transform: uppercase;
  cursor: pointer;
}
.char-seemore:hover {
  background: rgba(254,1,57,1);
  border: .1rem solid rgba(254,1,57,1);
  color: white;
}
.bodydisplay.Jhustarea {
  text-align: center;
}
.bodydisplay p {
padding-bottom: .5em;
}
.typefaceheader h1 {
  padding-top: 4rem;
  padding-bottom: 0;
}
svg.urbeautiful path:hover {
fill: blue;
}





.hide{
  display: none;
}
.show{
  display: inline-block;
}





.busy_wrap {
  position: fixed;
  width: 100%;
  display: table;
  width: 300%;
  margin-left: -100%;
}
.busy{
  font-family: "Finkl_Shadow";
  color: black;
  opacity: .1;
  font-size: 15em;
  line-height: 1.5;
  text-align: center;
  vertical-align: middle;
  display: table-cell;
}
.busy1, .busy2{
  display: block;
}
@media only screen and (max-width: 1200px){
  .busy{
    font-size: 13em;
  }
  .busy1{
    padding-top: .5em;
  }
}
@media only screen and (max-width: 1100px){
  .busy{
    font-size: 11em;
  }
  .busy1{
    padding-top: .4em;
  }
}
@media only screen and (max-width: 1000px){
  .busy{
    font-size: 10em;
  }
  .busy1{
    padding-top: .3em;
  }
}
@media only screen and (max-width: 900px){
  .busy{
    font-size: 9em;
  }
  .busy1{
    padding-top: .2em;
  }
}
@media only screen and (max-width: 800px){
  .busy{
    font-size: 8em;
  }
  .busy1{
    padding-top: .1em;
  }
}
@media only screen and (max-width: 700px){
  .busy{
    font-size: 7em;
  }
  .busy1{
    padding-top: 0em;
  }
}
@media only screen and (max-width: 600px){
  .busy{
    font-size: 6em;
    font-family: "Finkl_Black";
  }
}
@media only screen and (max-width: 500px){
  .busy{
    font-size: 5em;
  }
}
@media only screen and (max-width: 400px){
  .busy{
    font-size: 4em;
  }
}
@media only screen and (max-width: 300px){
  .busy{
    font-size: 3em;
  }
}







@media only screen and (max-width: 640px){
  .disctext {
    border-top: 2px solid #FE0139;
    padding: .25rem 0;
    padding-right: 1rem;
    width: auto;
    position: fixed;
    right: 11rem;
    left: 5.3rem;
    margin-left: 1rem;
  }
  .disc {
    position: absolute;
    max-width: 24rem;
    width: 100%;
  }
  .disc{
    font-size: 1.1rem;
    line-height: 1.5rem;
  }
}
@media only screen and (min-width: 800px){
  .text div{
    float: left;
    overflow: auto;
    width: 45%;
    height: 100%;
    border-bottom: 2px solid #FE0139;
    border-top: 2px solid #FE0139;
    margin-right: 1rem;
    line-height: 1.4rem;
  }
  .text div h2:first-child{
    margin-top: 0;
    border-top: none;
  }
}
@media only screen and (max-width: 800px){
  .text{
    overflow: auto;
    border-bottom: 2px solid #FE0139;
    bottom: 5.15rem;
    right: 6.2rem;
    text-align: center;
    border-top: 2px solid #FE0139;
  }
  .text h2:first-child{
    margin-top: 0;
    border-top: none;
  }
  .history h2:first-child{
    border-top: 2px solid #FE0139;
    margin-top: -.5rem;
  }
}
@media only screen and (max-width: 900px){
  #statement{
    left: 11.05rem;
  }
}
@media only screen and (max-width: 770px){
  #statement{
    width:15rem!important;
  }
  #statement h4{
    font-size: 1.1rem!important;
    line-height: 1.5rem!important;
  }
}
@media only screen and (max-width: 690px){
  #statement{
    width:13rem!important;
  }
  #statement h4{
    font-size: 1rem!important;
    line-height: 1.3rem!important;
  }
}
@media only screen and (max-width: 670px){
  .navbig{
    display:none;
  }
}
@media only screen and (max-width: 620px){
  #statement{
    width:12rem!important;
  }
}
@media only screen and (max-width: 600px){
  #statement{
    width:11rem!important;
  }
}
@media only screen and (max-width: 570px){
  #statement{
    width:10rem!important;
  }
}

@media only screen and (max-width: 520px){
  #statement{
    left: -1.7rem;
    top: 11rem;
    width: 18rem!important;
  }
}
@media screen and (max-width: 550px){
  .smallnavtop {
    width: 6rem;
  }
  .smallnav{
    width: auto;
  }
  #middlebox {
    width: .7rem;
    height: .7rem;
  }
  .smallnav div {
    border: 1px solid #FE0139;
    width: 1rem;
    height: 1rem;
  }
  .smallnav #iconwrap{
    bottom: 1.5rem;
  }
  .navlist a {
    font-size: .5rem;
  }
  .disctext{
    right: 7rem;
    left: 2.3rem;
  }
  .disc{
    font-size: 1rem;
    line-height: 1.4rem;
  }
  div.slider-nav {
    bottom: -5.25rem;
    position: fixed;
    left: 2rem;
  }
  div.timer {
    bottom: .8rem!important;
    left: 4.4rem!important;
  }
  .entertext{
    bottom: 1rem;
    left: 3.2rem;
    right: 7rem;
  }
}

@media screen and (max-width: 450px){
  .disc{
  font-size: 1.3rem;
line-height: 1.7rem;
}
  .smallnavtop {
    width: 100%;
    left: 0;
    right: 0;
    margin: 0 auto 1rem;
    position: relative;
    top: 0;
    height: 0.6rem;
    border-bottom: none!important;
    background: none;
  }
  .smallnav {
    left: 50%;
    margin-left: -5.5rem;
    top: .7rem;
    position: absolute;
  }
  .smallnav #iconwrap{
    left: 1.5rem;
    height: 1rem;
    width: 12rem;
    position: absolute;
    top: -.2rem;

  }
  #msvg {
    margin-bottom: .2rem;
  }
  #isvg {
    margin-top: -.1rem;
  }
  .navlist a {
    display: inline-block;
    border-top: 1px solid #FE0139;
    padding: .25rem 0;
    text-align: center;
    width: 100%;
    font-style: normal;
    font-size: .7rem;
    line-height: 1rem;
  }
  .disc{
    position: static;
    width: 100%;
    right: 0;
    left: 0;
    margin: 0 auto;
    max-width: 100%;
  }
  .entertext{
    position: static;
    width: 100%;
    max-height: 100%;
    border-top: 2px solid;
  }
  .disctext{
    position: relative;
    right: 0;
    left: 0;
    width: auto;
    padding: 1rem .75rem;
    margin: .7rem auto 0;
  }
  .navnav{
    display: none;
  }
  .disctext p, .innerdisc p{
    margin-bottom: .6rem;
    width: 100%;
  }
  #content {
    position: absolute;
  }
  .navminify{
    right: 1rem;
    top: .6rem;
  }
  .expand{
    top: -1.8rem;
  }
  .work {
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
    position: fixed;
  }
  .text {
    bottom: 2.5rem;
    top: 2.5rem;
    left: 0;
    right: 0;
  }
  .typeminus, .typeplus{

  right: 1.5rem;
  }
  div.orbit-wrapper{
    position: fixed!important;
  }
  #statement, .nav:hover #statement, .hovered #statement{
    display: none!important;

  }
  #cube:hover div, .smallicon:hover .front, .smallicon:hover #middlebox {
    border-color: #FE0139;
  }
  #cube:hover .front, .smallicon:hover .front {
    background-image: linear-gradient(-45deg,rgba(0,0,0,0) 25%, #FE0139 25%, #FE0139 50%,rgba(0,0,0,0) 50%, rgba(0,0,0,0) 75%, #FE0139 75%, #FE0139);
-webkit-transform: rotateY( 0deg ) translateZ( 5.12rem );
cursor: initial;
perspective-origin: 100% 100%;
  }
  .out, .in {
    width: 95%;
  }
}
@media screen and (min-width: 1000px){
  .disc{
    width: 29rem;
    font-size: 1.4rem;
    line-height: 1.8rem;
  }
}