.keynote-header { height: 300px; }

.keynote { background-color: #eef4f6; }
.keynote.last { background: -webkit-gradient(linear, 50% 0%, 50% 2, color-stop(50%, #ffffff), color-stop(100%, #ffffff)); background: -webkit-linear-gradient(#ffffff 1px, #ffffff 2px); background: -moz-linear-gradient(#ffffff 1px, #ffffff 2px); background: -o-linear-gradient(#ffffff 1px, #ffffff 2px); background: linear-gradient(#ffffff 1px, #ffffff 2px); background-size: 82.97872% 2px; background-position: 50% 100%; background-repeat: no-repeat; background-color: #eef4f6; }
@media (min-width: 940px) { .keynote .grid { padding-left: 17.02128%; padding-right: 17.02128%; } }
.keynote h1 { font-size: 36px; }
.keynote p { font-size: 12px; line-height: 22px; }

.profiles { background-color: #eef4f6; }
@media (min-width: 940px) { .profiles .grid { background: -webkit-gradient(linear, 0% 50%, 2 50%, color-stop(50%, rgba(220, 220, 220, 0.5)), color-stop(100%, transparent)); background: -webkit-linear-gradient(left, rgba(220, 220, 220, 0.5) 1px, transparent 2px); background: -moz-linear-gradient(left, rgba(220, 220, 220, 0.5) 1px, transparent 2px); background: -o-linear-gradient(left, rgba(220, 220, 220, 0.5) 1px, transparent 2px); background: linear-gradient(left, rgba(220, 220, 220, 0.5) 1px, transparent 2px); background-size: 34.04255%; background-position: -2px 0; } }
.profiles .profile { width: 31.91489%; float: left; margin-right: 2.12766%; display: inline; margin-right: -100%; padding: 0 20px; margin-bottom: 50px; text-align: left; }
.profiles .profile:nth-child(3n + 1) { margin-left: 0%; clear: left; }
.profiles .profile:nth-child(3n + 2) { margin-left: 34.04255%; clear: none; }
.profiles .profile:nth-child(3n + 3) { margin-left: 68.08511%; clear: none; }
@media (max-width: 940px) { .profiles .profile { float: none; width: auto; margin-right: auto; text-align: center; }
  .profiles .profile img { margin: 10px auto; } }
.profiles .profile > * { margin-bottom: 18px; }
.profiles .profile img { display: block; background-color: black; height: 200px; }
.profiles .profile .tags { font-family: "Noto Serif", Georgia, serif; font-style: italic; font-style: italic; font-size: 12px; color: #aeaeae; line-height: 1em; }
.profiles .profile .name { font-size: 28px; line-height: 34px; }
.profiles .profile .bio { font-size: 12px; line-height: 20px; }