@charset "UTF-8";
/* CSS Document */

body {
/*  background: url(img/bg.jpg) no-repeat center center fixed;
  background-repeat: no-repeat;
  text-align: center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; */
  margin: auto;
}

img { 
  border: none;
}

#mwc {
  position: absolute;
  width: 100%;
  height: 100%;
  background: url(img/mostwanted.png) no-repeat center center fixed;
  background-size: auto;
  z-index: 10;
}

#poster {
  position: absolute;
  width: 100%;
  height: 100%;
  background: url(img/bg.jpg) no-repeat center center fixed;
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  z-index: 0;
}



@media (min-width: 500px) and (max-width: 875px) {
 
#mwc {
  position: absolute;
  right: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  background: url(img/mostwanted.png) no-repeat center center fixed;
  background-size: contain;
}   
    
    
}




@media (max-width: 500px) {

body {
  text-align: right;
}

#mwc {
  position: absolute;
  right: 0px;
  top: 0px;
  width: 100%;
  height: 5000px;
  background: url(img/mostwanted_mobile.png) no-repeat;
  background-position: top right;
  background-size: contain;
}
    
}