html, body {
padding: 0;
margin: 0;
overflow-x:hidden;
}
body {
background: #32353c url('#') no-repeat fixed 100% 100%;
background-size: cover;
font-size: 15px;
font-weight: 100;
font-family: -apple-system, BlinkMacSystemFont, arial, sans-serif;
text-decoration: none;
transition: .6s ease-in-out;
}
  .sitelogo {
background: url('//mxcdn.mizx.co/resources/static/mw/wailogo@2x.png') top / 120px no-repeat;
width:120px;
height:120px;
z-index:1000;
position:fixed;
top:45px;left:130px;
transition: 1s ease-in-out;
display: block;
}
  .sitelogo:hover {
opacity:0.7;
transition: 0.2s;
}
  .menubar {
position:fixed;
margin-top: 30px;
top:130px;
left:135px;
width:150px;
height:450px;
line-height:40px;
word-spacing: 12px;
color: #fff;
font-size: 17px;
font-weight: 400;
text-decoration: none;
text-transform: uppercase;
transition: 1s ease-in-out;
z-index:1000;
}
  img[src="/img/link.png"] {
    width: 13px;
    padding-left: 5px;
}
iframe {
allowTransparency: true;
frameborder: 0;
scrolling: no;
border: 0;
}
  .instagram_box{
text-align: center;
background: rgba(255, 255, 255, 0.9);
width: 550px;
height: 670px;
left: 1000px;
top: 45px;
position: fixed;
transition: 0.5s ease-in-out;
}

  .instagram_scroller{
text-align: center;
background: rgba(255, 255, 255, 0.9);
width: 550px;
height: 175px;
left: 1000px;
top: 715px;
position: fixed;
transition: 0.5s ease-in-out;
}

  #instagramframe{
border:none;
overflow:hidden;
width:500px;
height:625px;
padding-top: 40px;
}

  #no_reason{
background: url('/img/noreason.png') top left/ 230px no-repeat;
width: 550px;
height: 150px;
left: 1000px;
top: 950px;
opacity: 0.2;
position: fixed;
transition: 5s;
}

  #no_reason:hover {
opacity: 1;
transition: 5s;
}

  .contentbox{
background: rgba(255, 255, 255, 0.0);
position:fixed;
top:0px;left:300px;
width:800px;
height:100%;
z-index:999;
}
  .content{
position:absolute;
top:15px;left:300px;
width:750px;
height: auto;
padding-bottom: 100px;
z-index:999;
color: #FFFFFF;
font-size: 13px;
font-family: -apple-system, BlinkMacSystemFont, arial, sans-serif;
text-decoration: none;
margin: 30px;
transition: .6s;
}

#ighighlight, #fpcontent, #theblurbackground, #igscrollbar {
opacity: 0;
}

#fpcontent {
transition: 2s ease-in-out;
}

  #twitterfeed{
width: 560px;
background: rgba(255, 255, 255, 0.9);
padding: 0px 20px 0px 20px;
}

  .blurbackground{
background-image: url('#');
background-repeat: no-repeat;
background-position: left;
background-size: cover;
filter: blur(20px);
position:fixed;
width:100%;
height:100%;
overflow: hidden;
left:10px;
transform: scale(1.35);
transition: opacity 3s ease-in-out;
}
  .blurbackground:hover{
filter: blur(0px);
transition-delay: 5s;
transition: 5s;
}

  .footer{
position:fixed;
color: #fff;
font-size: 13px;
font-weight: bold;
text-decoration: none;
bottom:50px;left:120px;
height:20px;width:200px;
z-index:1200;
}
  .biosheet{
width: 100%;
background: rgba(255, 255, 255, 0.9);
color: black;
padding: 70px 50px 30px 50px;
font-size:17px;
line-height:35px;
font-weight: 400;
}

  .biosheet p.download{
font-size:13px;
color: #1d367d;
padding-top: 130px;
}

  .gallery_wrap {
position:absolute;
width:100%;
height:250px;
opacity:0.9;
z-index:900;
  -o-transition:.9s;
  -ms-transition:.9s;
  -moz-transition:.9s;
  -webkit-transition:.9s;
  transition:.9s;
  }
  .gallery_wrap:hover {
  -o-transition:.9s;
  -ms-transition:.9s;
  -moz-transition:.9s;
  -webkit-transition:.9s;
  transition:.9s;
  }
  .imagebox {
background: rgba(255, 255, 255, 0.8);
position:absolute;
width:100%;
height:250px;
color: #000;
font-size: 18px;
font-weight: bold;
text-align: center;
line-height:30px;
text-decoration: none;
z-index:1000;
  -o-transition:.9s;
  -ms-transition:.9s;
  -moz-transition:.9s;
  -webkit-transition:.9s;
  transition:.9s;
}
  .imagebox:hover {
background: rgba(20, 20, 30, 0.3);
color: #FFF;
height:100px;
  -o-transition:.4s;
  -ms-transition:.4s;
  -moz-transition:.4s;
  -webkit-transition:.4s;
  transition:.4s;
}
  .link_wrap {
position:absolute;
width:100%;
height:90px;
opacity:0.9;
z-index:900;
-o-transition:.9s;
-ms-transition:.9s;
-moz-transition:.9s;
-webkit-transition:.9s;
transition:.9s;
}
  .link_wrap:hover {
  -o-transition:.9s;
  -ms-transition:.9s;
  -moz-transition:.9s;
  -webkit-transition:.9s;
  transition:.9s;
}
  .linkbox {
background: rgba(25, 25, 35, 0.2);
position:absolute;
width:100%;
height:90px;
color: #FFF;
font-size: 18px;
font-weight: normal;
text-align: center;
line-height:30px;
text-decoration: none;
z-index:1000;
  -o-transition:.9s;
  -ms-transition:.9s;
  -moz-transition:.9s;
  -webkit-transition:.9s;
  transition:.9s;
}
  .linkbox:hover {
background: rgba(20, 20, 30, 0.0);
color: #FFF;
width:80%;
  -o-transition:.4s;
  -ms-transition:.4s;
  -moz-transition:.4s;
  -webkit-transition:.4s;
  transition:.4s;
}
  .livebar{
background: rgba(120, 230, 120, 0.95);
padding: 15px 20px;
color: #333;
font-size: 15px;
font-weight: bold;
text-decoration: none;
bottom:0px;left:0px;
height:15px;
width:100%;
position:fixed;
display: none;
outline: none;
border: none;
z-index:1200;
}
  .avatar {
width: 20%;
max-width: 90px;
}
  .contactsheet {
background: rgba(255, 255, 255, 0.9);
padding: 20px 10px;
height: 500px;
width: 450px;
color: #000;
text-align: center;
font-size: 20px;
line-height: 20px;
text-decoration: none;
margin: 0px 100px;
}

  .transparent {
background-color: grey;
filter:Alpha(Opacity=10);
-moz-opacity:0.95;
}
  .iplayertoggle {
    outline: none;
}
a:link {color: inherit; text-decoration: none; transition:.5s;}
a:visited {color: inherit; text-decoration: none; transition:.3s;}
a:hover {color: inherit; text-decoration: none; transition:.3s;}
a:active {color: inherit; font-family: sans-serif; transition:.3s;}

a.whtbg:link {color: inherit; text-decoration: none;transition:.5s;}
a.whtbg:visited {color: inherit; text-decoration: none;transition:.5s;}
a.whtbg:hover {color: inherit; text-decoration: underline;transition:.5s;}
a.whtbg:active {color: inherit;transition:.5s;}

#gallery
{
opacity:1.0;
filter:alpha(opacity=100);
  -o-transition:.9s;
  -ms-transition:.9s;
  -moz-transition:.9s;
  -webkit-transition:.9s;
  transition:.9s;
}
#gallery:hover
{
opacity:0.4;
filter:alpha(opacity=50);
  -o-transition:.4s;
  -ms-transition:.4s;
  -moz-transition:.4s;
  -webkit-transition:.4s;
  transition:.4s;
}

#mobilemenu {
  color: white;
  display: none;
  position: fixed;
  top: 20px;
  left: 20px;
  z-index: 999999;
  -webkit-user-select: none;
  user-select: none;
}

#mobilemenu input {
  display: block;
  width: 40px;
  height: 32px;
  position: absolute;
  top: 0px;
  left: 0px;

  cursor: pointer;

  opacity: 0;
  z-index: 2;
  -webkit-touch-callout: none;
}

#mobilemenu span {
  display: block;
  width: 33px;
  height: 4px;
  margin-bottom: 5px;
  position: relative;

  background: #cdcdcd;
  border-radius: 3px;

  z-index: 1;

  transform-origin: 4px 0px;

  transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1),
    background 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), opacity 0.55s ease;
}

#mobilemenu span:first-child {
  transform-origin: 0% 0%;
}

#mobilemenu span:nth-last-child(2) {
  transform-origin: 0% 100%;
}


#mobilemenu input:checked ~ span {
  opacity: 1;
  transform: rotate(45deg) translate(-2px, -1px);
  background: #cdcdcd;
}

#mobilemenu input:checked ~ span:nth-last-child(3) {
  opacity: 0;
  transform: rotate(0deg) scale(0.2, 0.2);
}

#mobilemenu input:checked ~ span:nth-last-child(2) {
  transform: rotate(-45deg) translate(0, -1px);
}

#menu {
  position: absolute;
  top: 139px;
  width: 440px;
  margin: -100px 0 0 -50px;
  padding: 70px;
  padding-top: 25px;

  background: #313131;
  list-style-type: none;
  -webkit-font-smoothing: antialiased;

  transform-origin: 0% 0%;
  transform: translate(-100%, 0);

  transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1);
}

#menu li {
  text-transform: uppercase;
  padding: 18px 0;
  font-size: 12px;
  font-weight: 400;
  border-bottom: 1px solid #636363;
}

#mobilemenu input:checked ~ ul {
  transform: none;
}



@media (max-width: 1550px) {

  .menubar {
left: 35px;
}
  .sitelogo {
left: 30px;
}

  #no_reason {
display: none;
}

  .blurbackground{
background-attachment: scroll;
}

  .instagram_box{
left: 360px;
top: 10px;
position: relative;
}

  .instagram_scroller{
left: 360px;
top: 10px;
position: relative;
}

  #twitterfeed{
padding: 0px 20px 0px 20px;
width: 510px;
top: 850px;
left: 28px;
position: relative;
transition: none;
}

  .contentbox, .content{
transition: none;
}

}

@media (max-width: 1200px) {

  .sitelogo {
transition: none;
}

  .contentbox, .content{
left:250px;
width:500px;
transition: none;
}

  #twitterfeed{
left: 78px;
}

  .footer{
left:30px;

}

@media (max-width: 900px) {

body {
margin: 0px;
}

  .menubar {
display: none;
}

#mobilemenu {
display: block;
}

  .sitelogo {
top: 0px;
left: 0px;
width: 100%;
height: 60px;
background-size: 75px;
background-position: center;
background-color: rgba(49, 49, 49, 0.98);
transition: none;
}

  .instagram_box{
left: 0px;
top: 100px;
width: 450px;
height: 580px;
position: absolute;
}

#instagramframe {
width: 90%;
height: 700px;
}

  .instagram_scroller{
left: 0px;
top: 90px;
display: none;
}

  .contentbox, .content, .contactsheet{
left:0px;
width: 450px;
margin: 0px;
}

  #twitterfeed{
padding: 0px 5px 0px 5px;
left: 0px;
top: 690px;
width: 440px;
position: relative;
}

  .footer{
display: none;
}

}