*,
*:before,
*:after {
  box-sizing: border-box;
}

html {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 16px;
}

/* how to calc relative units
target /. content = result
48px / 16px = 3
20 / 16px = 1.25em
(header size goal) / (default font size) = result


*/

body {
  margin: 0;
}
.pk-banner-lg {
    display: none;
}

h1.pk-title {
    margin: 0;
    text-align: center;
    width: 100%;
    padding: 10px 20px;
    font-size: 3rem;
}

span.pk-title-alt {
    display: none;
}

img {
    max-width: 100%;
}
p {
  font-size: 1.25rem;
  line-height: 1.5rem;

.pk-main {
  overflow: auto;
}
}
.pk-description {
    background-color: lavender;
    padding: 10px 20px;
}

.pk-description > h2 {
  margin-top: 0;
}

.pk-description > p {
    margin-top: 0px;
}

/*MQS*/
@media (min-width: 480px) {

.pk-banner-sm {
  display: none;
}

.pk-banner-lg {
  display: block;
}
}

@media (min-width: 800px) {
  .pk-description {
    padding: 1rem 2rem;
    float: left;
    width: 50%;
  }
  .pk-description:nth-child(2n+1){
    /*clear: both;*/
  }
  .pk-footer {
    /*clear: both;*/
  }
}