I have a site I am working on for a client. I am using Skeleton for the responsive layout. There are two images in the footer area that in larger browsers float left and right. On smaller screens I want them to be aligned center under the other content.

Code:
	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {
		
			photo_one  {
				float: none;

			}
			photo_two  {
				float: none;
			}

		
		}
The code above does not do what I want. What do I need to put in order for this to work? Thanks.