img {
  opacity: 1;
  -moz-transition: opacity 2s;
  -webkit-transition: opacity 2s;
  -o-transition: opacity 2s;
  transition: opacity 2s;
}

img[data-src]{
  opacity: 0;
}

/*#bs:hover {
  content: url('Images/Collections/bs_h.png');
}

#bm:hover {
  content: url('Images/Collections/bm_h.png');
}

#sb:hover {
  content: url('Images/Collections/sb_h.png');
}

#a:hover {
  content: url('Images/Collections/a_h.png');
}

#fa:hover {
  content: url('Images/Collections/fa_h.png');
}

#ht:hover {
  content: url('Images/Collections/ht_h.png');
}

#ln:hover {
  content: url('Images/Collections/ln_h.png');
}

#o:hover {
  content: url('Images/Collections/o_h.png');
}

#r:hover {
  content: url('Images/Collections/r_h.png');
}

#tt:hover {
  content: url('Images/Collections/tt_h.png');
}

#tg:hover {
  content: url('Images/Collections/tg_h.png');
}

#a:hover {
  content: url('Images/Collections/a_h.png');
}

#off:hover {
  content: url('Images/Collections/off_h.png');
}

#je:hover {
  content: url('Images/Collections/je_h.png');
}*/

@media screen and (min-width: 200px) and (max-width: 1500px)
{
    .p_container {
        display: none;
    }
}

@media screen and (min-width: 1500px) and (max-width: 2000px)
{
    .m_container {
        display: none;
    }
}