.image-square.image-square-0 {
          background-position: -0px -0px;
        }
        .image-square.image-square-0 .sprite {
          background-position: -0px 0;
        }
      

          @media (min-width: 768px) and (max-width: 979px) {
            
        .image-square.image-square-0 {
          background-position: -0px -0px;
        }
        .image-square.image-square-0 .sprite {
          background-position: -0px 0;
        }
      
          }
        

          @media (max-width: 767px) {
            
        .image-square.image-square-0 {
          background-position: -0px -0px;
        }
        .image-square.image-square-0 .sprite {
          background-position: -0px 0;
        }
      
          }
        

          @media (max-width: 480px) {
            
        .image-square.image-square-0 {
          background-position: -0px -0px;
        }
        .image-square.image-square-0 .sprite {
          background-position: -0px 0;
        }
      
          }
        

        .image-square.image-square-1 {
          background-position: -235px -0px;
        }
        .image-square.image-square-1 .sprite {
          background-position: -80px 0;
        }
      

          @media (min-width: 768px) and (max-width: 979px) {
            
        .image-square.image-square-1 {
          background-position: -180px -0px;
        }
        .image-square.image-square-1 .sprite {
          background-position: -60px 0;
        }
      
          }
        

          @media (max-width: 767px) {
            
        .image-square.image-square-1 {
          background-position: -210px -0px;
        }
        .image-square.image-square-1 .sprite {
          background-position: -70px 0;
        }
      
          }
        

          @media (max-width: 480px) {
            
        .image-square.image-square-1 {
          background-position: -140px -0px;
        }
        .image-square.image-square-1 .sprite {
          background-position: -50px 0;
        }
      
          }
        

        .image-square.image-square-2 {
          background-position: -470px -0px;
        }
        .image-square.image-square-2 .sprite {
          background-position: -160px 0;
        }
      

          @media (min-width: 768px) and (max-width: 979px) {
            
        .image-square.image-square-2 {
          background-position: -360px -0px;
        }
        .image-square.image-square-2 .sprite {
          background-position: -120px 0;
        }
      
          }
        

          @media (max-width: 767px) {
            
        .image-square.image-square-2 {
          background-position: -420px -0px;
        }
        .image-square.image-square-2 .sprite {
          background-position: -140px 0;
        }
      
          }
        

          @media (max-width: 480px) {
            
        .image-square.image-square-2 {
          background-position: -280px -0px;
        }
        .image-square.image-square-2 .sprite {
          background-position: -100px 0;
        }
      
          }
        

        .image-square.image-square-3 {
          background-position: -705px -0px;
        }
        .image-square.image-square-3 .sprite {
          background-position: -240px 0;
        }
      

          @media (min-width: 768px) and (max-width: 979px) {
            
        .image-square.image-square-3 {
          background-position: -540px -0px;
        }
        .image-square.image-square-3 .sprite {
          background-position: -180px 0;
        }
      
          }
        

          @media (max-width: 767px) {
            
        .image-square.image-square-3 {
          background-position: -630px -0px;
        }
        .image-square.image-square-3 .sprite {
          background-position: -210px 0;
        }
      
          }
        

          @media (max-width: 480px) {
            
        .image-square.image-square-3 {
          background-position: -420px -0px;
        }
        .image-square.image-square-3 .sprite {
          background-position: -150px 0;
        }
      
          }
        

        .image-square.image-square-4 {
          background-position: -0px -235px;
        }
        .image-square.image-square-4 .sprite {
          background-position: -320px 0;
        }
      

          @media (min-width: 768px) and (max-width: 979px) {
            
        .image-square.image-square-4 {
          background-position: -0px -180px;
        }
        .image-square.image-square-4 .sprite {
          background-position: -240px 0;
        }
      
          }
        

          @media (max-width: 767px) {
            
        .image-square.image-square-4 {
          background-position: -0px -210px;
        }
        .image-square.image-square-4 .sprite {
          background-position: -280px 0;
        }
      
          }
        

          @media (max-width: 480px) {
            
        .image-square.image-square-4 {
          background-position: -0px -140px;
        }
        .image-square.image-square-4 .sprite {
          background-position: -200px 0;
        }
      
          }
        

        .image-square.image-square-5 {
          background-position: -235px -235px;
        }
        .image-square.image-square-5 .sprite {
          background-position: -400px 0;
        }
      

          @media (min-width: 768px) and (max-width: 979px) {
            
        .image-square.image-square-5 {
          background-position: -180px -180px;
        }
        .image-square.image-square-5 .sprite {
          background-position: -300px 0;
        }
      
          }
        

          @media (max-width: 767px) {
            
        .image-square.image-square-5 {
          background-position: -210px -210px;
        }
        .image-square.image-square-5 .sprite {
          background-position: -350px 0;
        }
      
          }
        

          @media (max-width: 480px) {
            
        .image-square.image-square-5 {
          background-position: -140px -140px;
        }
        .image-square.image-square-5 .sprite {
          background-position: -250px 0;
        }
      
          }
        

        .image-square.image-square-6 {
          background-position: -470px -235px;
        }
        .image-square.image-square-6 .sprite {
          background-position: -480px 0;
        }
      

          @media (min-width: 768px) and (max-width: 979px) {
            
        .image-square.image-square-6 {
          background-position: -360px -180px;
        }
        .image-square.image-square-6 .sprite {
          background-position: -360px 0;
        }
      
          }
        

          @media (max-width: 767px) {
            
        .image-square.image-square-6 {
          background-position: -420px -210px;
        }
        .image-square.image-square-6 .sprite {
          background-position: -420px 0;
        }
      
          }
        

          @media (max-width: 480px) {
            
        .image-square.image-square-6 {
          background-position: -280px -140px;
        }
        .image-square.image-square-6 .sprite {
          background-position: -300px 0;
        }
      
          }
        

        .image-square.image-square-7 {
          background-position: -705px -235px;
        }
        .image-square.image-square-7 .sprite {
          background-position: -560px 0;
        }
      

          @media (min-width: 768px) and (max-width: 979px) {
            
        .image-square.image-square-7 {
          background-position: -540px -180px;
        }
        .image-square.image-square-7 .sprite {
          background-position: -420px 0;
        }
      
          }
        

          @media (max-width: 767px) {
            
        .image-square.image-square-7 {
          background-position: -630px -210px;
        }
        .image-square.image-square-7 .sprite {
          background-position: -490px 0;
        }
      
          }
        

          @media (max-width: 480px) {
            
        .image-square.image-square-7 {
          background-position: -420px -140px;
        }
        .image-square.image-square-7 .sprite {
          background-position: -350px 0;
        }
      
          }
        

        .image-square.image-square-8 {
          background-position: -0px -470px;
        }
        .image-square.image-square-8 .sprite {
          background-position: -640px 0;
        }
      

          @media (min-width: 768px) and (max-width: 979px) {
            
        .image-square.image-square-8 {
          background-position: -0px -360px;
        }
        .image-square.image-square-8 .sprite {
          background-position: -480px 0;
        }
      
          }
        

          @media (max-width: 767px) {
            
        .image-square.image-square-8 {
          background-position: -0px -420px;
        }
        .image-square.image-square-8 .sprite {
          background-position: -560px 0;
        }
      
          }
        

          @media (max-width: 480px) {
            
        .image-square.image-square-8 {
          background-position: -0px -280px;
        }
        .image-square.image-square-8 .sprite {
          background-position: -400px 0;
        }
      
          }
        

        .image-square.image-square-9 {
          background-position: -235px -470px;
        }
        .image-square.image-square-9 .sprite {
          background-position: -720px 0;
        }
      

          @media (min-width: 768px) and (max-width: 979px) {
            
        .image-square.image-square-9 {
          background-position: -180px -360px;
        }
        .image-square.image-square-9 .sprite {
          background-position: -540px 0;
        }
      
          }
        

          @media (max-width: 767px) {
            
        .image-square.image-square-9 {
          background-position: -210px -420px;
        }
        .image-square.image-square-9 .sprite {
          background-position: -630px 0;
        }
      
          }
        

          @media (max-width: 480px) {
            
        .image-square.image-square-9 {
          background-position: -140px -280px;
        }
        .image-square.image-square-9 .sprite {
          background-position: -450px 0;
        }
      
          }
        

        .image-square.image-square-10 {
          background-position: -470px -470px;
        }
        .image-square.image-square-10 .sprite {
          background-position: -800px 0;
        }
      

          @media (min-width: 768px) and (max-width: 979px) {
            
        .image-square.image-square-10 {
          background-position: -360px -360px;
        }
        .image-square.image-square-10 .sprite {
          background-position: -600px 0;
        }
      
          }
        

          @media (max-width: 767px) {
            
        .image-square.image-square-10 {
          background-position: -420px -420px;
        }
        .image-square.image-square-10 .sprite {
          background-position: -700px 0;
        }
      
          }
        

          @media (max-width: 480px) {
            
        .image-square.image-square-10 {
          background-position: -280px -280px;
        }
        .image-square.image-square-10 .sprite {
          background-position: -500px 0;
        }
      
          }
        

        .image-square.image-square-11 {
          background-position: -705px -470px;
        }
        .image-square.image-square-11 .sprite {
          background-position: -880px 0;
        }
      

          @media (min-width: 768px) and (max-width: 979px) {
            
        .image-square.image-square-11 {
          background-position: -540px -360px;
        }
        .image-square.image-square-11 .sprite {
          background-position: -660px 0;
        }
      
          }
        

          @media (max-width: 767px) {
            
        .image-square.image-square-11 {
          background-position: -630px -420px;
        }
        .image-square.image-square-11 .sprite {
          background-position: -770px 0;
        }
      
          }
        

          @media (max-width: 480px) {
            
        .image-square.image-square-11 {
          background-position: -420px -280px;
        }
        .image-square.image-square-11 .sprite {
          background-position: -550px 0;
        }
      
          }
        
#hero .hero-wrap-outer {
  background-image: url("https://web-archive.nli.org.il/National_Library/20160526010038oe_/https://g.twimg.com/sites/about/careers/home.jpg");
  background-repeat: no-repeat;
  background-position: top center;
}

.hero-fade {
  background: #3e7aa7;
}

.hero-fade .hero-wrap-outer:before,
.hero-fade .hero-wrap-outer:after {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 200px;
  display: block;
  background: -moz-linear-gradient(right, rgba(62,122,167,0) 0%, rgba(62,122,167,1) 100%);
  background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(62,122,167,0)), color-stop(100%, rgba(62,122,167,1)));
  background: -webkit-linear-gradient(right, rgba(62,122,167,0) 0%, rgba(62,122,167,1) 100%);
  background: -o-linear-gradient(right, rgba(62,122,167,0) 0%, rgba(62,122,167,1) 100%);
  background: -ms-linear-gradient(right, rgba(62,122,167,0) 0%, rgba(62,122,167,1) 100%);
  background: linear-gradient(right, rgba(62,122,167,0) 0%, rgba(62,122,167,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='##3e7aa700', endColorstr='##3e7aa700',GradientType=1 );
}

.hero-fade .hero-wrap-outer:after {
  left: auto;
  right: 0;
  background: -moz-linear-gradient(left, rgba(62,122,167,0) 0%, rgba(62,122,167,1) 100%);
  background: -webkit-gradient(linear, right top, left top, color-stop(0%,rgba(62,122,167,0)), color-stop(100%, rgba(62,122,167,1)));
  background: -webkit-linear-gradient(left, rgba(62,122,167,0) 0%, rgba(62,122,167,1) 100%);
  background: -o-linear-gradient(left, rgba(62,122,167,0) 0%, rgba(62,122,167,1) 100%);
  background: -ms-linear-gradient(left, rgba(62,122,167,0) 0%, rgba(62,122,167,1) 100%);
  background: linear-gradient(left, rgba(62,122,167,0) 0%, rgba(62,122,167,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='##3e7aa700', endColorstr='##3e7aa700',GradientType=1 );
}

@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (     -o-min-device-pixel-ratio: 2/1),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx) {

  /* Retina to override above media query */
  #hero .hero-wrap-outer {
    background-image: url("https://web-archive.nli.org.il/National_Library/20160526010038oe_/https://g.twimg.com/sites/about/careers/home.jpg");
    background-repeat: no-repeat;
    background-position: top center;
    background-size: 1200px 636px;
  }

}

@media (max-width: 767px) {
  #hero .hero-wrap-outer {
    background-image: url("https://web-archive.nli.org.il/National_Library/20160526010038oe_/https://g.twimg.com/sites/about/careers/home.jpg");
    background-repeat: no-repeat;
    background-position: top center;
  }
}

@media
only screen and (-webkit-min-device-pixel-ratio: 2)      and (max-width: 767px),
only screen and (   min--moz-device-pixel-ratio: 2)      and (max-width: 767px),
only screen and (     -o-min-device-pixel-ratio: 2/1)    and (max-width: 767px),
only screen and (        min-device-pixel-ratio: 2)      and (max-width: 767px),
only screen and (                min-resolution: 192dpi) and (max-width: 767px),
only screen and (                min-resolution: 2dppx)  and (max-width: 767px) {

  /* Mobile retina to override above media query */
  #hero .hero-wrap-outer {
    background-image: url("https://web-archive.nli.org.il/National_Library/20160526010038oe_/https://g.twimg.com/sites/about/careers/home.jpg");
    background-repeat: no-repeat;
    background-position: top center;
    background-size: 1200px 636px;
  }

}