.parallax {
    display:block;
    position:relative;
  }
  
  
      .example {
        width:90%;
        height: 100%;
        margin:0 auto;
        position:relative;
      }
      .parallax {
        display:block;
        position:relative;
        width:360px;
        height:407px;
        /* margin:-40px 0 0 0; */
        overflow:hidden;
        padding:30px;
        text-indent:-999px;
        /* background:url(4-6-full.png) center center no-repeat; */
        float:left;
      }
      .parallax:first-child {
        /* background-image:url(7-10-full.png); */
        width:440px;
        height:361px;
        margin:500px -120px 0 10px;
      }


      .parallax2 {
          /* background-image:url(4-6-full.png); */
        width:440px;
        height:361px;
        margin: 100px -120px 0 851px;
      }
      .parallax .level {
        display:block;
        position:absolute;
        width:100%;
        height:100%;
        top:0;
        left:0;
        background-position:center center;
        background-repeat:no-repeat;
      } 
      .parallax.enhanced,
      .parallax.enhanced:first-child {
        background:none;
      }
	  
	  
	  	@media screen and (max-width: 1251px) {
		.parallax:first-child {margin:300px -120px 0 10px;}
		.parallax2{width: 300px;  }
		}
	  
	  @media screen and (max-width: 1694px) {
		  .parallax:first-child {
        
        margin:400px -120px 0 10px;
      }

  
      .parallax2{ margin: 100px -120px 0 651px; }
    }

	 @media screen and (max-width: 1100px) {
		  .parallax:first-child {
        
       display:none
      }

  
      .parallax2{  display:none }
    }
	
	 @media screen and (max-width: 1470px) {
		  .parallax:first-child {
        
         margin:300px -120px 0 10px;
      }

  
      .parallax2{   margin: 100px -120px 0 451px; }
    }