#about-teagan {
    background-color: #2c2e26;
    color: #dbb77f;
    margin: 0;
    padding: 2%;
    text-align: justify;
}

#teagan {
    line-height: 50px;
    text-align: justify;
    padding-left: 10%;
    padding-right: 10%;
    font-size: 1.5em;
}

#teagan h1 {
    text-align: center;
    font-size: 2em;
}

#about-page {
    background-color: #2c2e26;
    color: #dbb77f;
    margin: 0;
    padding: 2%;
    text-align: justify;
}

#page {
    line-height: 50px;
    text-align: justify;
    padding-left: 10%;
    padding-right: 10%;
    font-size: 1.5em;
}

#page h1 {
    text-align: center;
    font-size: 2em;
}

figure {
    text-align: center;
    justify-content: center;
}

img {
    height: 225px;
    padding-left: 5%;
    padding-right: 5%;
    justify-content: center;
}

footer {
    background-color: #2c2e26 !important;
}

/*992px to 1200px*/

@media only screen and (min-width: 992px) and (max-width: 1200px) {

    img {
        height: 200px;
        padding-left: 5%;
        padding-right: 5%;
    }

    #teagan {
        line-height: 45px;
        text-align: justify;
        padding-left: 8%;
        padding-right: 8%;
        font-size: 1.25em;
    }

    #teagan h1 {
        text-align: center;
        font-size: 1.75em;
    }

    #page {
        line-height: 45px;
        text-align: justify;
        padding-left: 8%;
        padding-right: 8%;
        font-size: 1.25em;
    }

    #page h1 {
        text-align: center;
        font-size: 1.75em;
    }
}

/*768px to 991px*/

@media only screen and (min-width: 768px) and (max-width: 991px) {
    img {
        height: 200px;
        padding-left: 3%;
        padding-right: 3%;
    }

    #teagan {
        line-height: 40px;
        text-align: justify;
        padding-left: 5%;
        padding-right: 5%;
        font-size: 1.25em;
    }

    #teagan h1 {
        text-align: center;
        font-size: 1.7em;
    }

    #page {
        line-height: 40px;
        text-align: justify;
        padding-left: 8%;
        padding-right: 8%;
        font-size: 1.2em;
    }

    #page h1 {
        text-align: center;
        font-size: 1.7em;
    }
}

/*601px to 767px*/

@media only screen and (min-width: 601px) and (max-width: 767px) {
    img {
        height: 150px;
        padding-left: 1%;
        padding-right: 1%;
    }

    #teagan {
        line-height: 35px;
        text-align: justify;
        padding-left: 5%;
        padding-right: 5%;
        font-size: 1em;
    }

    #teagan h1 {
        text-align: center;
        font-size: 1.5em;
    }

    #page {
        line-height: 35px;
        text-align: justify;
        padding-left: 5%;
        padding-right: 5%;
        font-size: 1em;
    }

    #page h1 {
        text-align: center;
        font-size: 1.5em;
    }
}

/*under 600px*/

@media only screen and (max-width: 600px) {
    img {
        height: 150px;
        padding-left: 1%;
        padding-right: 1%;
    }

    #teagan {
        line-height: 30px;
        text-align: justify;
        padding-left: 5%;
        padding-right: 5%;
        font-size: 1em;
    }

    #teagan h1 {
        text-align: center;
        font-size: 1.25em;
        padding-top: 8%;
    }

    #page {
        line-height: 30px;
        text-align: justify;
        padding-left: 5%;
        padding-right: 5%;
        font-size: 0.75em;
    }

    #page h1 {
        text-align: center;
        font-size: 1.25em;
    }

}