
@media only screen and (max-width:319px)  {
  #img1 { 
    background: url("pildid/260/hoiatused.png") no-repeat; 
    width: 200px;
    height: 49px;
  }

  #img2 { 
    background: url("pildid/260/hoiatus2ed.png") no-repeat; 
    width: 200px;
    height: 220px;
  }

  #img3 { 
    background: url("pildid/260/hoiatus3ed.png") no-repeat; 
    width: 200px;
    height:220px;
  }
}


@media only screen and (min-width:320px) and (max-width:767px)  {
  #img1 { 
    background: url("pildid/320/hoiatused.png") no-repeat; 
    width: 300px;
    height: 49px;
  }

  #img2 { 
    background: url("pildid/320/hoiatus2ed.png") no-repeat; 
    width: 300px;
    height: 310px;
  }

  #img3 { 
    background: url("pildid/320/hoiatus3ed.png") no-repeat; 
    width: 300px;
    height:310px;
  }
}

@media only screen and (min-width:768px) and (max-width:959px)  {
  #img1 { 
    background: url("pildid/760/hoiatused.png") no-repeat; 
    width: 625px;
    height: 52px;
  }

  #img2 { 
    background: url("pildid/760/hoiatus2ed.png") no-repeat; 
    width: 483px;
    height: 412px;
  }

  #img3 { 
    background: url("pildid/760/hoiatus3ed.png") no-repeat; 
    width: 483px;
    height:425px;
  }
}

@media only screen and (min-width:960px) {
  #img1 { 
    background: url("pildid/960/hoiatused.png") no-repeat; 
    width: 869px;
    height: 52px;
  }

  #img2 { 
    background: url("pildid/960/hoiatus2ed.png") no-repeat; 
    width: 483px;
    height: 412px;
  }

  #img3 { 
    background: url("pildid/960/hoiatus3ed.png") no-repeat; 
    width: 483px;
    height:425px;
  }

}