.bottom-description {
    display: flex;
    justify-content: center;
    flex-direction: column;
}

.bottom-description > p {
    font-size: 16px; 
    line-height: 24px;
}

.bottom-description > ul {
    list-style: disc;
    padding-left: 50px;
    color: #2f2f2f;
}

.blue-box {
    display: flex;
    align-items: center;
}

.blue-button  {
    width: 191px;
}

.button-container > a {
    width: 100% !important;
}

@media only screen and (min-width: 1200px) {
    
    .container-12.clearfix {
        width: 1145px;
    }

    .grid-7.section.early-100 {
        margin-left: 56px;
        width: 601px;
    }

    /* Wolf's Toolbox Logo at top of page */
    .grid-5.section > img {
        max-width: 480px !important;
        margin: 110px auto 0px !important;
    }
}

@media only screen and (min-width: 960px) and (max-width: 1199px) {
    .bottom-description {
        padding: 20px 0;
    }

    .container-12.clearfix {
        width: 930px;
    }

    body {
        overflow-x: hidden;
    }

    /* Wolf's Toolbox Logo at top of page */
    .grid-5.section > img {
        max-width: 410px;
        margin: 137px auto 0px !important;
    }
    
    .x-pad-bottom .container-12 {
        margin-left: 25px;
    }
}

@media only screen and (min-width: 760px) and (max-width: 960px) {
    .bio-section {
        flex-direction: column;
        align-items: center;
    }

    .blue-button {
        margin-right: -30px !important;
    }

    .grid-5.section {
        height: 162px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .x-pad-bottom > .container-12 {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
    }
}

@media only screen and (max-width: 959px) {
    .bio-section {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
    }
}

@media only screen and (max-width: 760px) { 
    
    /* center all 3 blue buttons */
    div.grid-3 {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .blue-box {
        flex-direction: column;
    }

    /* wolf's toolbox logo container */
    .grid-5.section {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 190px;
    }

    .button-container {
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
    }

}