body {
  background-color: rgb(0, 0, 0);
  font-size: 1em;
}

.sparta {
  width: 50%;
  height: 446px;
  margin: 197px auto 0;
  background: url('../images/Sparta.jpg') rgba(255, 255, 255, 0);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
}

@media(max-width: 1000px) {
  .sparta {
    width: 32.4%;
    height: 279px;
    margin-top: 260px;
  }
}

@media(max-width: 600px) {
  body {
    font-size: 1em;
  }

  .sparta {
    width: 45.8333333333%;
    height: 321px;
    margin-top: 218px;
  }
}

@media(max-width: 400px) {
  .sparta {
    width: 79.75%;
    height: 415px;
    margin-top: 124px;
  }
}

@media(max-width: 300px) {
  body {
    font-size: 1em;
  }

  .sparta {
    width: 80%;
    height: 421px;
    margin-top: 182px;
  }
}