@media (max-width: 980px) { 

  #logo {
    display: none;
  }

  .screen#begin .logo {
      display: block;
  }

  .screen#intro {
    -webkit-transform: translate3D(0em, -12em, 0em) scale(1.5);
  }

  #left {
    width: 100%;
    background: none;
    position: absolute;
    float: none;
  }

  #screens_div {
    position: absolute;
    width: 100%;
    float: none;
  }

.screen#begin .intro_text.smaller {
  display: none;
}

#helpwindows {
    background-color: rgba(0,0,0,.4);
    visibility: hidden;
    opacity: 0;
}

.desktop {
  display: none;
}

.helpwin {
    visibility: hidden;
    background-color: #ffca51;
    border-radius: 1em;
    padding: 1em;
    font-size: 3em;
    width: 80%;
    height: 80%;
    max-height: 80%;
    margin-top: 10%;
    margin-left: 10%;
}

.helpwin .scrolling {
  overflow: scroll;
  max-height: 100%;
}

.helpwin:after {
display: none;
}

.helpwin .smaller {
  font-size: .7em;
}

.helpwin.begin {
  width: 80%;
}

#helpbutton {
  position: absolute;
  right:0px;
  top:0px;
  background-color:rgba(128,184,221,0.8);
  background-image: url('img/help_icon.png');
  background-size: 2.5em;
  width: 9em;
  height: 9em;
  border-radius: 50%;
  border: none;
  margin: 2em;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  opacity: 0;
  visibility: visible;
  z-index: 2500;
}

.prevnext {
  height: 10em;
  width: 100%;
}

  .prevnextbutton {
    position: absolute;
    width: 0%;
    height: 100%;
      border: none;
      padding: 0px;
      color: #4A4A59;
      background:rgba(128,184,221,0.8);
      text-transform: uppercase;
      font-family: 'raleway', sans-serif;
      font-size: 3em;
      opacity: 0;
      z-index: 2500;

      border-radius: 0px;
      -webkit-border-radius: 0px;
      -moz-border-radius: 0px;
      -ms-border-radius: 0px;
      -o-border-radius: 0px;
  }

.prevnextbutton:hover {
  background:rgba(128,184,221,0.8);
}

  .butt_50{
    opacity: 1;
    width: 50%;
  }

  .butt_100{
    opacity: 1;
    width: 100%;
  }
}