@media only screen and (min-width: 0px) {
  .component.event-agenda .interior {
    padding: 20px;
  }
  .component.event-agenda ul {
    margin-left: 0;
    list-style-type: none;
  }
  .component.event-agenda ul.skipto {
    margin: 26px 0 42px;
  }
  .component.event-agenda ul.skipto li {
    display: inline;
  }
  .component.event-agenda ul.skipto li:not(:last-of-type)::after {
    content: ' | ';
    color: #00267e;
    font-weight: bold;
  }
  .component.event-agenda ul.skipto li a {
    font-size: 16px;
    line-height: 23px;
    padding: 0 4px;
  }
  .component.event-agenda ul.downloads {
    margin-bottom: 32px;
  }
  .component.event-agenda ul.downloads li {
    margin-top: 16px;
  }
  .component.event-agenda ul.downloads li a {
    display: inline-block;
    font-size: 14px;
    line-height: 21px;
  }
  .component.event-agenda .day h3 {
    font-size: 22px;
    line-height: 28px;
    margin-bottom: 20px;
  }
  .component.event-agenda .day > .grid-x {
    padding: 48px 0;
    border-top: 1px solid #979797;
  }
  .component.event-agenda .day > .grid-x .resources {
    margin-top: 16px;
  }
  .component.event-agenda .day > .grid-x div.resources span {
    font-size: 14px;
    line-height: 14px;
    font-weight: 600;
    color: #000;
  }
  .component.event-agenda .day > .grid-x div.details p {
    font-size: 20px;
    line-height: 40px;
    margin-bottom: 0;
  }
  .component.event-agenda .day > .grid-x div.details p.time {
    font-weight: 600;
    text-transform: uppercase;
  }
  .component.event-agenda .day > .grid-x div.details p:not(.time) {
    font-size: 18px;
    line-height: 26px;
  }
  .component.event-agenda .day > .grid-x div.details div.speaker {
    padding: 24px 0;
  }
  .component.event-agenda .speaker img {
    border-radius: 50%;
  }
  .component.event-agenda .day > .grid-x div.details div.speaker div:nth-of-type(2) {
    padding-left: 8px;
  }
  .component.event-agenda .day > .grid-x div.details div.speaker p span {
    display: block;
    font-size: 16px;
    line-height: 22px;
  }
  .component.event-agenda .day > .grid-x div.details div.speaker h4.title {
    font-family: "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;
    font-weight: 900;
    font-size: 18px;
    line-height: 23px;
    color: #000;
  }
  .component.event-agenda .day > .grid-x div.details div.speaker .title-container h4.title {
    color: #00267e;
  }
  .component.event-agenda .day > .grid-x div.details div.speaker .title-container h4.title:hover {
    color: #464646;
  }
  .component.event-agenda .day > .grid-x div.details div.speaker p span {
    margin-top: 8px;
  }
}
@media only screen and (min-width: 640px) {
  .component.event-agenda .interior {
    padding: 30px;
  }
  .component.event-agenda h2 {
    font-size: 26px;
    line-height: 30px;
  }
  .component.event-agenda ul.skipto li a {
    font-size: 18px;
  }
  .component.event-agenda .day > .grid-x .resources {
    margin-top: 0;
  }
}
@media only screen and (min-width: 1024px) {
  .component.event-agenda .interior {
    padding: 64px;
  }
  .component.event-agenda .segment-anchor {
    position: relative;
  }
}