.heratige {
    float: left;
}



.herigate h3 {
    font-family: 'Celtic';
}

h3 span {
    font-family: 'Times New Roman';
    text-decoration: underline;
}

.benefits {
    overflow: auto;
}



    .benefits ul {
        float: left;
        margin: 0;
    }



    .benefits li {
        list-style-type: square;
    }



    .benefits img {
        max-width: 25%;
        float: left;
        margin: 0 0 1rem 0;
    }



.grow img {
    max-width: 100%;
    border: thin solid black;
    float: right;
    margin: 0 0 1rem 1rem;
}



.join-information {
    width: 100%;
    overflow: auto;
}



@media screen and (max-width:449px) {

    .benefits img {
        max-width: 100%;
        margin: 0;
        clear: right;
    }



    .grow img {
        max-width: 100%;
        float: left;
        margin: 0 0 0 1rem;
    }
}



@media screen and (min-width:500px) and (max-width:899px) {

    .benefits img {
        max-width: 50%;
        margin: 0 3rem 1rem 0;
    }
}