/* CSS Document used for Web Project 1
Author: Stefanie Bird
Course: ITWP 1000
File: webproject1.css
*/

body {
    margin-top: 1em;
    margin-bottom: auto;
    font-family: Arial, sans-serif;
    color: #000000;
    background-color: #FFFFFF;
}

h1 {
    color: #FFFFFF;
    background-color: #000000;
    text-align: center;
    font-size: 2.5em;
}

h2 {
    text-align: center;
}

p, div {
    margin: 10px;
    padding: 5px;
    line-height: 1.5em;
}

nav { text-align: center; }

footer { text-align: center;
        font-size: .75em;
        padding: .25em;
}

/* Figcaption tag */
figcaption {
    text-align: center;
    font-style:italic;
}

.responsive {
    display:block;
    margin: auto;
    max-width: 100%;
    height: auto;
    border: 1px solid #000000;
    border-radius: 10px;
}

/* media query that hides the image at specified size */
@media only all and (max-width:550px) {
    img {
        display: none;
    }
}