/* Logo */ 
        .panel {
            height: 700px;
            min-width: 100%;
            display: table;
            margin: 0;
            padding: 0 0;
            text-align: center;
            -webkit-background-size: auto;
            -moz-background-size: auto;
            -o-background-size: auto;
            background-size: auto;
        }

        .panel .inner {
            display: table-cell;
            vertical-align: middle;
        }

        .backgroundimg {
            position: absolute;
            top: 0;
            left: 0;
        }

        #back1 {
            background: url(../grf/logo.jpg) no-repeat center fixed;
        }

        #back2 {
            background: url(../grf/logo5.jpg) no-repeat center fixed;
        }

        #back3 {
            background: url(../grf/logo4.jpg) no-repeat center fixed;
        }

        #back4 {
            background: url(../grf/logo3.jpg) no-repeat center fixed;
        }

        #back5 {
            background: url(../grf/logo2.jpg) no-repeat center fixed;
        }


        @keyframes backgroundchangeFadeInOut {
          0% {
            opacity:1;
          }
          17% {
            opacity:1;
          }
          25% {
            opacity:0;
          }
          92% {
            opacity:0;
          }
          100% {
            opacity:1;
          }
        }

        @-webkit-keyframes backgroundchangeFadeInOut {
          0% {
            opacity:1;
          }
          17% {
            opacity:1;
          }
          25% {
            opacity:0;
          }
          92% {
            opacity:0;
          }
          100% {
            opacity:1;
          }
        }

        #backgroundchange div:nth-of-type(1) {
          animation-delay: 12s;
          -webkit-animation-delay: 12s;
        }
        #backgroundchange div:nth-of-type(2) {
          animation-delay: 9s;
          -webkit-animation-delay: 9s;
        }
        #backgroundchange div:nth-of-type(3) {
          animation-delay: 6s;
          -webkit-animation-delay: 6s;
        }

        #backgroundchange div:nth-of-type(4) {
          animation-delay: 3s;
          -webkit-animation-delay: 3s;
        }

        #backgroundchange div:nth-of-type(5) {
          animation-delay: 0;
          -webkit-animation-delay: 0;
        }

        #backgroundchange div {
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        width: 100%;
        height: 100%;
        animation-name: backgroundchangeFadeInOut;
        animation-timing-function: ease-in-out;
        animation-iteration-count: infinite;
        animation-duration: 15s;

        -webkit-animation-name: backgroundchangeFadeInOut;
        -webkit-animation-timing-function: ease-in-out;
        -webkit-animation-iteration-count: infinite;
        -webkit-animation-duration: 15s;
            
        }