#container { /*el container*/
    /*min-width: 980px;
    max-width: 980px;*/
    
    /*
    min-height: 6000px;
    max-height: 6000px;
    */
}


/*cada elemento*/
/*
#container .art-layout-cell { 
    display: inline-block;
}
*/


/**************************************************************************/
/*
$("#container .art-layout-cell").each(function( index ) {
  var o = $(this).position();
  var delay = Math.round(Math.random()*350);
  console.log(`#container .art-layout-cell:nth-child(${index +1}) {top:${o.top}px;left:${o.left}px;transition-delay:${delay}ms;}`);
});
*/


#container .art-layout-cell {
    /*position: absolute;*/ /*descomentar para que los elementos floten*/
    transition-property: all;
    -webkit-filter: sepia(20%);
    filter: sepia(20%);
    transition-duration: 300ms;
    transition-timing-function: cubic-bezier(.75,.15,.2,.8);
}


#container .art-layout-cell:hover {
    z-index: 1000;
    -webkit-filter: sepia(0%);
    filter: sepia(0%);
    transform: scale(1.05,1.05);
    transition-delay: 0;
    transition-timing-function: cubic-bezier(.5,1.5,.7,.95);
    transition-duration: 200ms;
}


/*
@media screen and (max-width: 499px) {
#container .art-layout-cell:nth-child(1) {top:417.28125px;left:10px;transition-delay:319ms;}
#container .art-layout-cell:nth-child(2) {top:794.28125px;left:10px;transition-delay:184ms;}
#container .art-layout-cell:nth-child(3) {top:1148.28125px;left:10px;transition-delay:78ms;}
#container .art-layout-cell:nth-child(4) {top:1502.28125px;left:10px;transition-delay:130ms;}
#container .art-layout-cell:nth-child(5) {top:1856.28125px;left:10px;transition-delay:245ms;}
#container .art-layout-cell:nth-child(6) {top:2210.28125px;left:10px;transition-delay:168ms;}
#container .art-layout-cell:nth-child(7) {top:2564.28125px;left:10px;transition-delay:347ms;}
#container .art-layout-cell:nth-child(8) {top:2918.28125px;left:10px;transition-delay:84ms;}
#container .art-layout-cell:nth-child(9) {top:3272.28125px;left:10px;transition-delay:170ms;}
#container .art-layout-cell:nth-child(10) {top:3626.28125px;left:10px;transition-delay:93ms;}
#container .art-layout-cell:nth-child(11) {top:3996.28125px;left:10px;transition-delay:178ms;}
#container .art-layout-cell:nth-child(12) {top:4334.28125px;left:10px;transition-delay:274ms;}
#container .art-layout-cell:nth-child(13) {top:4688.28125px;left:10px;transition-delay:130ms;}
#container .art-layout-cell:nth-child(14) {top:5042.28125px;left:10px;transition-delay:245ms;}
#container .art-layout-cell:nth-child(15) {top:5396.28125px;left:10px;transition-delay:89ms;}
#container .art-layout-cell:nth-child(16) {top:5750.28125px;left:10px;transition-delay:197ms;}
#container .art-layout-cell:nth-child(17) {top:6104.28125px;left:10px;transition-delay:75ms;}
#container .art-layout-cell:nth-child(18) {top:6458.28125px;left:10px;transition-delay:223ms;}
#container .art-layout-cell:nth-child(19) {top:6812.28125px;left:10px;transition-delay:145ms;}
#container .art-layout-cell:nth-child(20) {top:7166.28125px;left:10px;transition-delay:114ms;}
#container .art-layout-cell:nth-child(21) {top:7536.28125px;left:10px;transition-delay:135ms;}
#container .art-layout-cell:nth-child(22) {top:7906.28125px;left:10px;transition-delay:268ms;}
#container .art-layout-cell:nth-child(23) {top:8276.28125px;left:10px;transition-delay:264ms;}
#container .art-layout-cell:nth-child(24) {top:8646.28125px;left:10px;transition-delay:224ms;}
#container .art-layout-cell:nth-child(25) {top:9016.28125px;left:10px;transition-delay:311ms;}
#container .art-layout-cell:nth-child(26) {top:9386.28125px;left:10px;transition-delay:252ms;}
#container .art-layout-cell:nth-child(27) {top:9756.28125px;left:10px;transition-delay:116ms;}
#container .art-layout-cell:nth-child(28) {top:10126.28125px;left:10px;transition-delay:178ms;}
#container .art-layout-cell:nth-child(29) {top:10496.28125px;left:10px;transition-delay:108ms;}
#container .art-layout-cell:nth-child(30) {top:10866.28125px;left:10px;transition-delay:296ms;}
#container .art-layout-cell:nth-child(31) {top:11236.28125px;left:10px;transition-delay:11ms;}
#container .art-layout-cell:nth-child(32) {top:11606.28125px;left:10px;transition-delay:234ms;}
#container .art-layout-cell:nth-child(33) {top:11976.28125px;left:10px;transition-delay:14ms;}
#container .art-layout-cell:nth-child(34) {top:12346.28125px;left:10px;transition-delay:142ms;}
#container .art-layout-cell:nth-child(35) {top:12732.28125px;left:10px;transition-delay:227ms;}
#container .art-layout-cell:nth-child(36) {top:13102.28125px;left:10px;transition-delay:207ms;}
#container .art-layout-cell:nth-child(37) {top:13472.28125px;left:10px;transition-delay:175ms;}
#container .art-layout-cell:nth-child(38) {top:13842.28125px;left:10px;transition-delay:264ms;}
#container .art-layout-cell:nth-child(39) {top:14212.28125px;left:10px;transition-delay:93ms;}
#container .art-layout-cell:nth-child(40) {top:14582.28125px;left:10px;transition-delay:113ms;}
#container .art-layout-cell:nth-child(41) {top:14952.28125px;left:10px;transition-delay:161ms;}
#container .art-layout-cell:nth-child(42) {top:15322.28125px;left:10px;transition-delay:195ms;}
#container .art-layout-cell:nth-child(43) {top:15692.28125px;left:10px;transition-delay:38ms;}
#container .art-layout-cell:nth-child(44) {top:16062.28125px;left:10px;transition-delay:96ms;}
#container .art-layout-cell:nth-child(45) {top:16416.28125px;left:10px;transition-delay:26ms;}
#container .art-layout-cell:nth-child(46) {top:16770.28125px;left:10px;transition-delay:45ms;}
#container .art-layout-cell:nth-child(47) {top:17124.28125px;left:10px;transition-delay:342ms;}
#container .art-layout-cell:nth-child(48) {top:17478.28125px;left:10px;transition-delay:121ms;}
#container .art-layout-cell:nth-child(49) {top:17832.28125px;left:10px;transition-delay:288ms;}
#container .art-layout-cell:nth-child(50) {top:18202.28125px;left:10px;transition-delay:149ms;}
#container .art-layout-cell:nth-child(51) {top:18572.28125px;left:10px;transition-delay:46ms;}
#container .art-layout-cell:nth-child(52) {top:18612.28125px;left:10px;transition-delay:122ms;}
}


@media screen and (min-width: 500px) and (max-width: 750px) {
#container .art-layout-cell:nth-child(1) {top:239.07812px;left:9.999995px;transition-delay:205ms;}
#container .art-layout-cell:nth-child(2) {top:239.07812px;left:306.718745px;transition-delay:338ms;}
#container .art-layout-cell:nth-child(3) {top:628.92187px;left:9.999995px;transition-delay:78ms;}
#container .art-layout-cell:nth-child(4) {top:628.92187px;left:306.718745px;transition-delay:239ms;}
#container .art-layout-cell:nth-child(5) {top:995.76562px;left:9.999995px;transition-delay:194ms;}
#container .art-layout-cell:nth-child(6) {top:995.76562px;left:306.718745px;transition-delay:340ms;}
#container .art-layout-cell:nth-child(7) {top:1362.60937px;left:9.999995px;transition-delay:201ms;}
#container .art-layout-cell:nth-child(8) {top:1362.60937px;left:306.718745px;transition-delay:194ms;}
#container .art-layout-cell:nth-child(9) {top:1729.45312px;left:9.999995px;transition-delay:0ms;}
#container .art-layout-cell:nth-child(10) {top:1729.45312px;left:306.718745px;transition-delay:13ms;}
#container .art-layout-cell:nth-child(11) {top:2112.29687px;left:9.999995px;transition-delay:71ms;}
#container .art-layout-cell:nth-child(12) {top:2112.29687px;left:306.718745px;transition-delay:329ms;}
#container .art-layout-cell:nth-child(13) {top:2479.14062px;left:9.999995px;transition-delay:348ms;}
#container .art-layout-cell:nth-child(14) {top:2479.14062px;left:306.718745px;transition-delay:46ms;}
#container .art-layout-cell:nth-child(15) {top:2845.98437px;left:9.999995px;transition-delay:107ms;}
#container .art-layout-cell:nth-child(16) {top:2845.98437px;left:306.718745px;transition-delay:5ms;}
#container .art-layout-cell:nth-child(17) {top:3212.82812px;left:9.999995px;transition-delay:47ms;}
#container .art-layout-cell:nth-child(18) {top:3212.82812px;left:306.718745px;transition-delay:343ms;}
#container .art-layout-cell:nth-child(19) {top:3579.67187px;left:9.999995px;transition-delay:235ms;}
#container .art-layout-cell:nth-child(20) {top:3579.67187px;left:306.718745px;transition-delay:318ms;}
#container .art-layout-cell:nth-child(21) {top:3962.51562px;left:9.999995px;transition-delay:11ms;}
#container .art-layout-cell:nth-child(22) {top:3962.51562px;left:306.718745px;transition-delay:59ms;}
#container .art-layout-cell:nth-child(23) {top:4345.35937px;left:9.999995px;transition-delay:146ms;}
#container .art-layout-cell:nth-child(24) {top:4345.35937px;left:306.718745px;transition-delay:262ms;}
#container .art-layout-cell:nth-child(25) {top:4728.20312px;left:9.999995px;transition-delay:309ms;}
#container .art-layout-cell:nth-child(26) {top:4728.20312px;left:306.718745px;transition-delay:112ms;}
#container .art-layout-cell:nth-child(27) {top:5111.04687px;left:9.999995px;transition-delay:212ms;}
#container .art-layout-cell:nth-child(28) {top:5111.04687px;left:306.718745px;transition-delay:215ms;}
#container .art-layout-cell:nth-child(29) {top:5493.89062px;left:9.999995px;transition-delay:282ms;}
#container .art-layout-cell:nth-child(30) {top:5493.89062px;left:306.718745px;transition-delay:223ms;}
#container .art-layout-cell:nth-child(31) {top:5876.73437px;left:9.999995px;transition-delay:151ms;}
#container .art-layout-cell:nth-child(32) {top:5876.73437px;left:306.718745px;transition-delay:87ms;}
#container .art-layout-cell:nth-child(33) {top:6259.57812px;left:9.999995px;transition-delay:129ms;}
#container .art-layout-cell:nth-child(34) {top:6259.57812px;left:306.718745px;transition-delay:102ms;}
#container .art-layout-cell:nth-child(35) {top:6658.42187px;left:9.999995px;transition-delay:128ms;}
#container .art-layout-cell:nth-child(36) {top:6658.42187px;left:306.718745px;transition-delay:273ms;}
#container .art-layout-cell:nth-child(37) {top:7041.26562px;left:9.999995px;transition-delay:306ms;}
#container .art-layout-cell:nth-child(38) {top:7041.26562px;left:306.718745px;transition-delay:304ms;}
#container .art-layout-cell:nth-child(39) {top:7424.10937px;left:9.999995px;transition-delay:283ms;}
#container .art-layout-cell:nth-child(40) {top:7424.10937px;left:306.718745px;transition-delay:3ms;}
#container .art-layout-cell:nth-child(41) {top:7806.95312px;left:9.999995px;transition-delay:263ms;}
#container .art-layout-cell:nth-child(42) {top:7806.95312px;left:306.718745px;transition-delay:159ms;}
#container .art-layout-cell:nth-child(43) {top:8189.79687px;left:9.999995px;transition-delay:254ms;}
#container .art-layout-cell:nth-child(44) {top:8189.79687px;left:306.718745px;transition-delay:143ms;}
#container .art-layout-cell:nth-child(45) {top:8572.64062px;left:9.999995px;transition-delay:52ms;}
#container .art-layout-cell:nth-child(46) {top:8572.64062px;left:306.718745px;transition-delay:54ms;}
#container .art-layout-cell:nth-child(47) {top:8939.48437px;left:9.999995px;transition-delay:119ms;}
#container .art-layout-cell:nth-child(48) {top:8939.48437px;left:306.718745px;transition-delay:299ms;}
#container .art-layout-cell:nth-child(49) {top:9306.32812px;left:9.999995px;transition-delay:121ms;}
#container .art-layout-cell:nth-child(50) {top:9306.32812px;left:306.718745px;transition-delay:162ms;}
#container .art-layout-cell:nth-child(51) {top:9689.17187px;left:9.999995px;transition-delay:274ms;}
#container .art-layout-cell:nth-child(52) {top:9689.17187px;left:306.718745px;transition-delay:227ms;}
}

@media screen and (min-width: 751px) and (max-width: 1000px) {
.nspArt:nth-child(1) {top:8px;left:8px;transition-delay:3ms;}
.nspArt:nth-child(2) {top:8px;left:264px;transition-delay:172ms;}
.nspArt:nth-child(3) {top:8px;left:520px;transition-delay:223ms;}
.nspArt:nth-child(4) {top:424px;left:8px;transition-delay:56ms;}
.nspArt:nth-child(5) {top:424px;left:264px;transition-delay:318ms;}
.nspArt:nth-child(6) {top:424px;left:520px;transition-delay:250ms;}
.nspArt:nth-child(7) {top:822px;left:8px;transition-delay:168ms;}
.nspArt:nth-child(8) {top:822px;left:285px;transition-delay:288ms;}
.nspArt:nth-child(9) {top:822px;left:541px;transition-delay:296ms;}
.nspArt:nth-child(10) {top:1220px;left:8px;transition-delay:120ms;}
.nspArt:nth-child(11) {top:1220px;left:264px;transition-delay:52ms;}
.nspArt:nth-child(12) {top:1220px;left:520px;transition-delay:87ms;}
.nspArt:nth-child(13) {top:1640px;left:8px;transition-delay:312ms;}
.nspArt:nth-child(14) {top:1640px;left:264px;transition-delay:223ms;}
.nspArt:nth-child(15) {top:1640px;left:532px;transition-delay:143ms;}
.nspArt:nth-child(16) {top:2038px;left:8px;transition-delay:92ms;}
.nspArt:nth-child(17) {top:2038px;left:264px;transition-delay:160ms;}
.nspArt:nth-child(18) {top:2038px;left:520px;transition-delay:77ms;}
.nspArt:nth-child(19) {top:2436px;left:8px;transition-delay:239ms;}
.nspArt:nth-child(20) {top:2436px;left:264px;transition-delay:141ms;}
.nspArt:nth-child(21) {top:2436px;left:520px;transition-delay:84ms;}
.nspArt:nth-child(22) {top:2824px;left:8px;transition-delay:280ms;}
.nspArt:nth-child(23) {top:2824px;left:264px;transition-delay:252ms;}
.nspArt:nth-child(24) {top:2824px;left:522px;transition-delay:107ms;}
.nspArt:nth-child(25) {top:3212px;left:8px;transition-delay:300ms;}
.nspArt:nth-child(26) {top:3212px;left:284px;transition-delay:270ms;}
.nspArt:nth-child(27) {top:3212px;left:560px;transition-delay:56ms;}
.nspArt:nth-child(28) {top:3600px;left:8px;transition-delay:276ms;}
.nspArt:nth-child(29) {top:3600px;left:264px;transition-delay:274ms;}
.nspArt:nth-child(30) {top:3600px;left:520px;transition-delay:206ms;}
.nspArt:nth-child(31) {top:3988px;left:8px;transition-delay:270ms;}
.nspArt:nth-child(32) {top:3988px;left:264px;transition-delay:255ms;}
.nspArt:nth-child(33) {top:3988px;left:520px;transition-delay:50ms;}
.nspArt:nth-child(34) {top:4408px;left:8px;transition-delay:60ms;}
.nspArt:nth-child(35) {top:4408px;left:279px;transition-delay:344ms;}
.nspArt:nth-child(36) {top:4408px;left:531px;transition-delay:267ms;}
.nspArt:nth-child(37) {top:4814px;left:8px;transition-delay:146ms;}
.nspArt:nth-child(38) {top:4814px;left:267px;transition-delay:182ms;}
.nspArt:nth-child(39) {top:4814px;left:526px;transition-delay:344ms;}
.nspArt:nth-child(40) {top:5220px;left:8px;transition-delay:233ms;}
.nspArt:nth-child(41) {top:5220px;left:276px;transition-delay:210ms;}
.nspArt:nth-child(42) {top:5220px;left:532px;transition-delay:175ms;}
.nspArt:nth-child(43) {top:5626px;left:8px;transition-delay:260ms;}
.nspArt:nth-child(44) {top:5626px;left:282px;transition-delay:57ms;}
.nspArt:nth-child(45) {top:5626px;left:538px;transition-delay:27ms;}
.nspArt:nth-child(46) {top:5992px;left:8px;transition-delay:301ms;}
.nspArt:nth-child(47) {top:5992px;left:264px;transition-delay:267ms;}
.nspArt:nth-child(48) {top:5992px;left:520px;transition-delay:169ms;}
.nspArt:nth-child(49) {top:6380px;left:8px;transition-delay:182ms;}
}


@media screen and (min-width: 1001px)  {
#container .art-layout-cell:nth-child(1) {top:511px;left:10px;transition-delay:128ms;}
#container .art-layout-cell:nth-child(2) {top:511px;left:305px;transition-delay:47ms;}
#container .art-layout-cell:nth-child(3) {top:511px;left:600px;transition-delay:41ms;}
#container .art-layout-cell:nth-child(4) {top:511px;left:895px;transition-delay:319ms;}
#container .art-layout-cell:nth-child(5) {top:889px;left:10px;transition-delay:313ms;}
#container .art-layout-cell:nth-child(6) {top:889px;left:305px;transition-delay:125ms;}
#container .art-layout-cell:nth-child(7) {top:889px;left:600px;transition-delay:104ms;}
#container .art-layout-cell:nth-child(8) {top:889px;left:895px;transition-delay:333ms;}
#container .art-layout-cell:nth-child(9) {top:1244px;left:10px;transition-delay:134ms;}
#container .art-layout-cell:nth-child(10) {top:1244px;left:305px;transition-delay:55ms;}
#container .art-layout-cell:nth-child(11) {top:1244px;left:600px;transition-delay:231ms;}
#container .art-layout-cell:nth-child(12) {top:1244px;left:895px;transition-delay:324ms;}
#container .art-layout-cell:nth-child(13) {top:1615px;left:10px;transition-delay:134ms;}
#container .art-layout-cell:nth-child(14) {top:1615px;left:305px;transition-delay:175ms;}
#container .art-layout-cell:nth-child(15) {top:1615px;left:600px;transition-delay:38ms;}
#container .art-layout-cell:nth-child(16) {top:1615px;left:895px;transition-delay:178ms;}
#container .art-layout-cell:nth-child(17) {top:1970px;left:10px;transition-delay:304ms;}
#container .art-layout-cell:nth-child(18) {top:1970px;left:305px;transition-delay:226ms;}
#container .art-layout-cell:nth-child(19) {top:1970px;left:600px;transition-delay:298ms;}
#container .art-layout-cell:nth-child(20) {top:1970px;left:895px;transition-delay:26ms;}
#container .art-layout-cell:nth-child(21) {top:2341px;left:10px;transition-delay:194ms;}
#container .art-layout-cell:nth-child(22) {top:2341px;left:305px;transition-delay:323ms;}
#container .art-layout-cell:nth-child(23) {top:2341px;left:600px;transition-delay:350ms;}
#container .art-layout-cell:nth-child(24) {top:2341px;left:895px;transition-delay:120ms;}
#container .art-layout-cell:nth-child(25) {top:2712px;left:10px;transition-delay:315ms;}
#container .art-layout-cell:nth-child(26) {top:2712px;left:305px;transition-delay:6ms;}
#container .art-layout-cell:nth-child(27) {top:2712px;left:600px;transition-delay:15ms;}
#container .art-layout-cell:nth-child(28) {top:2712px;left:895px;transition-delay:183ms;}
#container .art-layout-cell:nth-child(29) {top:3083px;left:10px;transition-delay:143ms;}
#container .art-layout-cell:nth-child(30) {top:3083px;left:305px;transition-delay:224ms;}
#container .art-layout-cell:nth-child(31) {top:3083px;left:600px;transition-delay:277ms;}
#container .art-layout-cell:nth-child(32) {top:3083px;left:895px;transition-delay:321ms;}
#container .art-layout-cell:nth-child(33) {top:3454px;left:10px;transition-delay:168ms;}
#container .art-layout-cell:nth-child(34) {top:3454px;left:305px;transition-delay:240ms;}
#container .art-layout-cell:nth-child(35) {top:3454px;left:600px;transition-delay:232ms;}
#container .art-layout-cell:nth-child(36) {top:3454px;left:895px;transition-delay:56ms;}
#container .art-layout-cell:nth-child(37) {top:3841px;left:10px;transition-delay:40ms;}
#container .art-layout-cell:nth-child(38) {top:3841px;left:305px;transition-delay:39ms;}
#container .art-layout-cell:nth-child(39) {top:3841px;left:600px;transition-delay:16ms;}
#container .art-layout-cell:nth-child(40) {top:3841px;left:895px;transition-delay:262ms;}
#container .art-layout-cell:nth-child(41) {top:4212px;left:10px;transition-delay:309ms;}
#container .art-layout-cell:nth-child(42) {top:4212px;left:305px;transition-delay:140ms;}
#container .art-layout-cell:nth-child(43) {top:4212px;left:600px;transition-delay:239ms;}
#container .art-layout-cell:nth-child(44) {top:4212px;left:895px;transition-delay:240ms;}
#container .art-layout-cell:nth-child(45) {top:4583px;left:10px;transition-delay:97ms;}
#container .art-layout-cell:nth-child(46) {top:4583px;left:305px;transition-delay:308ms;}
#container .art-layout-cell:nth-child(47) {top:4583px;left:600px;transition-delay:93ms;}
#container .art-layout-cell:nth-child(48) {top:4583px;left:895px;transition-delay:38ms;}
#container .art-layout-cell:nth-child(49) {top:4938px;left:10px;transition-delay:214ms;}
#container .art-layout-cell:nth-child(50) {top:4938px;left:305px;transition-delay:140ms;}
#container .art-layout-cell:nth-child(51) {top:4938px;left:600px;transition-delay:190ms;}
#container .art-layout-cell:nth-child(52) {top:4938px;left:895px;transition-delay:331ms;}
}

*/