h1 {
    padding-left: 20px;
}

h2 {
    display: inline-block;
    padding-right: 2rem;
}
.speakers, .schedule {
    padding: 0 20px;
}

.when, .what {
    display: inline-flex;
    padding-left: 0.5rem;
}

.what {
    flex-direction: column;
    width:75%;
}

.when {
    width: 8%;
}

.social::before {
    content: "S";
    color: cyan;
    font-family: monospace;
}

.full::before {
    content: "F";
    color: orange;
    font-family: monospace;
}

.lightning::before {
    content: "L";
    color: yellow;
    font-family: monospace;
}

.kickoff::before {
    content: "k";
    font-family: monospace;
}

.unconferencing::before {
    content: "U";
    color: white;
    font-family: monospace;
}

.block.header .what{
    font-family: monospace;
    display: inline-block;
    font-size: 1.2rem;
}

.block.header {
    padding-left: 14px;
}

.block {
    border-bottom: 1px dotted white;
    padding: 2rem 0;
}



@media (max-width: 767px) {

    .what {
        max-width: 60%;
    }
    .when {
        width: 15%;
    }
}