#forms {
  position: relative; }
  #forms .container {
    position: relative; }
    #forms .container.fixed {
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%; }
      #forms .container.fixed.stop {
        position: relative; }
        #forms .container.fixed.stop .form {
          top: auto;
          bottom: 0; }
  #forms .form {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    opacity: 0;
    -webkit-transition: opacity 0.6s;
    -moz-transition: opacity 0.6s;
    -o-transition: opacity 0.6s;
    transition: opacity 0.6s; }
    @media (max-width: 375px) {
      #forms .form {
        background-size: 380%; } }
    @media (max-width: 320px) {
      #forms .form {
        background-size: 310%; } }
    @media (max-width: 768px) {
      #forms .form {
        background-size: 200%; } }
    #forms .form.selected {
      opacity: 1; }
    #forms .form.mod1 {
      background-image: url("kpi-1.jpg");
      z-index: 4; }
    #forms .form.mod2 {
      background-image: url("kpi-2.jpg");
      z-index: 3; }
    #forms .form.mod3 {
      background-image: url("kpi-3.jpg");
      z-index: 2; }
    #forms .form .txt {
      color: #FFF;
      position: absolute;
      top: 47%;
      left: 50%;
      width: 50%;
      margin-left: -22%;
      font-size: 140%;
      z-index: 5; }
      @media (max-width: 375px) {
        #forms .form .txt {
          width: 100%;
          top: 30%;
          left: 0;
          margin-left: 0;
          padding: 0 5px 0 10px;
          font-size: 120%; } }
      @media (max-width: 320px) {
        #forms .form .txt {
          top: 25%;
          font-size: 110%; } }
      @media (max-width: 768px) {
        #forms .form .txt {
          top: 45%;
          width: 90%; } }