footer {
    text-align: center;
}

h1, h2, header {
    text-align: center;
}

body {
        margin: 10px;
        font-family: Georgia, 'Times New Roman', Times, serif;
        background-color: beige;
        color: darkslategray;
    }


.img-container {
    display: flex;
    justify-content: space-around;
    
}

figcaption {
    text-align: center;
    margin: 10px;
}

.responsive {
    border: 8px solid darkred;
    border-radius: 10px;
    border-style: groove;
}

figure {
    text-align: center;
}

nav {
    display: flex;
    justify-content: space-around;
}

audio {
    text-align: center;
}

#para {
    text-align: center;
}

#boxdiv {
    text-align: center;
    margin: 10px;
}

iframe {
    display: block;
    margin: 0 auto;
}

@media only all and (max-width: 550px) {

    img {
        display: none;
    }
}