.paragraph {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 125%;
    line-height: 140%;
}

.paragraph2 {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 125%;
    line-height: 140%;
}

.paragraph:first-child::first-letter {
    color: #800020;
    float: left;
    font-family: Georgia;
    font-size: 75px;
    line-height: 60px;
    padding-top: 4px;
    padding-right: 8px;
    padding-left: 3px;
}

.callout {
}

.callout-danger {
    background-color: #fff8f8;
    border-left: 5px solid #cc4040;
    padding:15px;
}

.callout-info {
    background-color: #f8f8ff;
    border-left: 5px solid #336699;
    padding:15px;
}


.activity-perform {
    background-color: #fcfcff;
    border: 1px solid #f0f0ff;
    padding:15px;
}
.activity-reading {
    background-color: #fffdfd;
    border: 1px solid #fff0f0;
    padding:15px;
}

.activity-learning-outcomes {
    background-color: #F8F8FF;
    border: 1px solid #e8e8ff;
    padding:15px;
}

.activity-calendar {
    background-color: #fffff8;
    border: 1px solid #efefe8;
    padding:15px;
}

.activity-checklist {
    background-color: #fcfffc;
    border: 1px solid #efefe8;
    padding:15px;
}
.activity-checklist {
    background-color: #fcfffc;
    border: 1px solid #efefe8;
    padding:15px;
}
.activity-colaborate {
    background-color: #faf8f6;
    border: 1px solid #f1eeec;
    padding:15px;
}


.flexbox {
    display: flex;
}
.flexbox-icon {
    flex: 0 0 50px;
}
.flexbox-content {
    margin-left:20px;
    flex: 1;
}