/*NAUGHTY PANDA DESIGN*/
body,
html{
  width:100%;
  height:100%;
  margin:0;
  padding:0;
  font-family:"Inconsolata";
  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
  /* background: #a9a9a9 linear-gradient(322deg, #383838, #a9a9a9); */
  /* background: #a9a9a9 linear-gradient(322deg, #051928, #508fbd); */
  background: #a9a9a9 linear-gradient(322deg, #ffffff, #43494d);
}

.logo{
  position:absolute;
  top:40px;
  left:40px;
  width:400px;
  height:55px;
  margin:0;
  padding:0;
  background:url("../naughty-panda-design.png")center center no-repeat;
  background-size:contain;
  float:left;
}
.logo a{
  position:relative;
  top:0;
  left:0;
  width:100%;
  height:55px;
  background:none;
  text-decoration:none;
  display:block;
  float:left;
}
.logo a h1,
.logo a p{
  width:100%;
  height:30px;
  line-height:30px;
  margin:0;
  padding:0;
  color:transparent;
  font-size:10px;
  text-indent:-9999px;
  opacity:0;
  float:left;
}
.logo a span{
  width:100%;
  height:10px;
  line-height:10px;
  margin:0;
  padding:0;
  color: #0b576f;
  color: #6b869b;
  color: #f0d007;
  font-size: 12px;
  font-weight: 300;
  letter-spacing: .5px;
  text-align:right;
  text-transform: uppercase;
  /*text-shadow:6px 2px 1px rgba(0,0,0,.03),8px 4px 1px rgba(0,0,0,.04),10px 6px 1px rgba(0,0,0,.05),12px 8px 1px rgba(0,0,0,.06);*/
  float:right;
}


@media screen and (max-width:480px) {
  .logo {
    top: 15vh;
    left: 20px;
    width: 280px;
    height: 55px;
  }
}