@media (min-width:350px) and (max-width:576px) {
  #ImagenClases01 {
    content: url('QuiltClases01b.png');
    width: 100%;
    height: auto;
    margin: 0 auto;
    display: block;
  }
}

@media (min-width:350px) and (max-width:576px) {
  #SloganClases {
    content: url('SloganClases.png');
    width: 325px;
    height: auto;
    margin: 0 auto;
    display: block;
  }
}

@media (min-width:350px) and (max-width:576px) {
  #SloganClases02 {
    content: url('SloganClases02.png');
    width: 350px;
    height: auto;
    margin: 0 auto;
    display: block;
  }
}

@media (min-width: 577px) and (max-width: 991px) {
  #SloganClases02 {
    content: url('SloganClases02.png');
    width: 350px;
    height: auto;
    margin: 0 auto;
    display: block;
  }
}

@media (min-width: 992px) {
  #SloganClases02 {
    content: url('SloganClases02.png');
    width: 500px;
    height: auto;
    margin: 0 auto;
    display: block;
  }
}

@media (min-width:577px) {
  #ImagenClases01 {
    content: url('QuiltClases01.png');
    width: 100%;
    height: auto;
    margin: 0 auto;
    display: block;
  }
}

@media (min-width:577px) {
  #SloganClases {
    content: url('SloganClases.png');
    width: 375px;
    height: auto;
    margin: 0 auto;
    display: block;
  }
}