/* CSS Document for Homework 5
Student: Darrcelle Jackson
Course: ITWP 1050
File: styles.css */

/* changes the h1 element and the body's font size to 12px on screens that 800px or less */
@media only screen and (max-width: 800px) {
    h1, body {
    font-size: 12px;
    }
}

/* centers the body text */
body {
    text-align: center;
}

/* changes the body's background color to khaki on screens that are 600px or less */
@media screen and (max-width: 600px) {
    body {
    background-color: #af9770;
    }
}

/* sets the image tag width and height */
img {
    max-width: 100%;
    height: auto;
}