h2 {
  text-align: center; }

code {
  border: 1px solid #000;
  padding: 20px;
  max-width: 700px;
  margin: 20px auto 100px;
  display: block; }

.slider {
  max-width: 700px;
  margin: auto; }
  .slider .slick-list {
    margin: 0 30px; }
  .slider .slick-next:before, .slider .slick-prev:before {
    color: #444444;
    -webkit-transform: translate(0, -100%);
            transform: translate(0, -100%); }
  .slider .slick-next {
    right: 0; }
  .slider .slick-prev {
    left: 0; }
  .slider .slick-dots {
    position: relative; }
  .slider .caption {
    background-color: rgba(0, 0, 0, 0.7);
    padding: 10px;
    color: #fff; }
    .slider .caption p {
      margin-bottom: 0; }