.at-speaker {
    background: #f2f8fa;
    margin-bottom: 10px;
    padding: .6em 0;
}

.at-speaker:hover {
    background: #dbecf3;
}

.at-speaker__inner {
    width: 94%;
    max-width: 1000px;
    margin: auto;
}

.at-speaker__header {
    position: relative;
    text-align: center;
}

.at-speaker__name {
    margin-top: .6em;
}

.at-speaker__header .at-speaker__label {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    text-indent: -999em;
    cursor: pointer;
    z-index: +1;
}

.at-speaker__label:target + .at-speaker__seeMore {
    display: none;
}

.at-speaker__img {
    margin: auto;
    border-radius: 100%;
}

.at-speaker__intro {
    margin: 1em 0 0;
}

.at-speaker__title + .at-speaker__company:before {
    content: ", ";
}

.at-speaker__seeMore {
    font-family: 'Futurapt Book', Helvetica, Arial, sans-serif;
    transition: opacity .3s;
}

.at-speaker__summary {
    display: none;
    float: right;
    max-width: 200px;
    margin-right: 1em;
    font-size: .9em;
}

.at-speaker__summary h4 {
    margin: 0;
}

.at-speaker__summary,
.at-speaker__body {
    overflow: hidden;
    max-height: 0;
    opacity: 0;
    transition: all .3s;
}

.at-speaker__description > p:first-of-type:first-letter {
    float: left;
    font-size: 4.16em;
    line-height: .6em;
    padding-top: .21em;
    padding-right: .05em;
}

.at-speaker__input {
    position: absolute;
    visibility: hidden;
}

.at-speaker__input:checked + .at-speaker__header + .at-speaker__summary,
.at-speaker__input:checked + .at-speaker__header + .at-speaker__body,
.at-speaker__input:checked + .at-speaker__header + .at-speaker__summary + .at-speaker__body {
    max-height: 70em;
    opacity: 1;
}

.at-speaker__input:checked + .at-speaker__header + .at-speaker__body,
.at-speaker__input:checked + .at-speaker__header + .at-speaker__summary + .at-speaker__body {
    padding-bottom: 1em;
}

.at-speaker__input:checked + .at-speaker__header .at-speaker__seeMore {
    opacity: 0;
}

@media screen and (min-width:1250px) {
    .at-speaker__header {
        display: table;
        table-layout: fixed;
        text-align: left;
    }

    .at-speaker__cell {
        display: table-cell;
        vertical-align: top;
    }

    .at-speaker__imgWrapper {
        width: 180px;
        margin: 0;
        text-align: left;
    }

    .at-speaker__img {
        position: relative;
    }

    .at-speaker__summary {
        display: inherit;
    }
}

@media screen and (min-width:1130px) {
    .at-speaker__img {
        left: -65px;
    }
}