Problem with media query in "Build a Responsive Website"

Build a Responsive Website > Responsive Design > Section 4

Caught in an endless loop here and can't see the problem. My answer to the second question in the code challenge doesn't seem to be taking. Question 1 is:

Write a media query at 705px where the layout begins to break, that forces grid_1 through grid_6 to span 100% width of the container.

OK. So my code is:

@media screen and (max-width: 705px) {
  .grid_1,
  .grid_2,
  .grid_3,
  .grid_4,
  .grid_5,
  .grid_6 {
  width: 100%;
}
}

Perfect. Now I move on to question 2, which tells me to:

Add the appropriate CSS within the same media query that will force the “love at first bite” illustration to disappear.

I add code to the end of the above media query, giving me this:

@media screen and (max-width: 705px) {
  .grid_1,
  .grid_2,
  .grid_3,
  .grid_4,
  .grid_5,
  .grid_6 {
  width: 100%;
  }
  #intro .omega {
    display: none;
  }
}

Apparently, this then breaks the media query from question 1 and sends me into an endless loop of returning to question 1, moving to question 2, and back to question 1. For the life of me I can't see the trouble here. Can anyone help?