@font-face {
  font-family: 'League Spartan';
  src:  url('LeagueSpartan-Bold.otf') format('opentype');
}

@font-face {
  font-family: 'Raleway';
  font-weight: normal;
  src: url('Raleway-Regular.ttf') format('truetype');
}

@font-face {
  font-family: 'Raleway';
  font-weight: bold;
  src: url('Raleway-Bold.ttf') format('truetype');
}

html {
  margin: 0;
  padding: 0;
}

body {
  font-family: 'Raleway', sans-serif;
  padding: 0;
  margin: 0;
  color: #222;
  line-height: 1.5;
  font-size: 15px;
}

h1, h2 {
  font-family: 'League Spartan', sans-serif;
  letter-spacing: 1px;
}

.highlight {
  font-style: normal;
  background-color: #F6DA6D;
  padding-left: 2px;
  padding-right: 2px;
}

.table-of-contents-link {
  text-align: center;
  font-size: 10pt;
}

.table-of-contents-link a {
    color: #4875D5;
  }

.get-chapter {
  color: gray;
  border: none;
  font-weight: normal;
  margin-top: 24px;
  font-size: 10pt;
}

.get-chapter a {
  color: #4875D5;
  font-weight: bold;
  text-decoration: none;
  border-bottom: 1px solid #4875D5;
}

.get-chapter a:visited {
  color: #4875D5;
}

.hero {
  display: flex;
  max-width: 860px;
  margin: 0 auto;
  align-items: center;
  margin-top: 72px;
}

.hero .left {
  margin-right: 48px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.hero .left h2 {
  max-width: 420px;
  font-size: 15px;
  letter-spacing: 0;
  font-weight: normal;
  font-family: 'Raleway', sans-serif;
  line-height: 1.7;
}

.hero-header {
  max-width: 960px;
  margin: 8px auto;
  font-size: 32pt;
  text-align: center;
}

.hero .right {
  width: 268px;
  /*position: relative;*/
}

.major-flex {
  display: flex;
  align-items: center;
  max-width: 760px;
  margin: 64px auto 16px auto;
  flex-wrap: wrap;
}

.major-flex > div {
  flex: 1;
  box-sizing: border-box;
  padding: 16px;
  min-width: 240px;
}

.major-flex .sold {
  font-size: 14pt;
  
  color: white;
  text-align: center;
  padding: 16px;
  /*background: #4875D5;*/
  color: #5d5d5d;
  border-top: 1px solid gainsboro;
  border-bottom: 1px solid gainsboro;
}

.major-flex .sold span {
  /*color: #4875D5;*/
  font-weight: bold;
}

.major-flex .icons-container {
  display: flex;
  align-items: center;
  flex-direction: column;
}

.major-flex .icons-container p {
  margin: 0;
  font-size: 10pt;
  color: gray;
}

.major-flex .icons-container .icon-set {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.major-flex .icons-container .icon-set .logo {
  margin: 0 8px;
  width: 64px;
}

.major-flex .reviews-cta {
  display: block;
  color: gray;
  text-transform: none;
  border: none;
  letter-spacing: 0;
  font-size: 9pt;
  transition: all 0.1s ease;
  text-decoration: none;
  margin: auto;
  text-align: center;
  width: 200px;
}

.major-flex .reviews-cta:hover {
  background: white;
  box-shadow: none;
}

.major-flex .reviews-cta .reviews-text {
  display: inline-block;
  vertical-align: middle;
  letter-spacing: 0.5px;
  
}

.major-flex .reviews-cta:hover .reviews-text {
  text-decoration: underline;
}

.major-flex .reviews-cta .stars {
  color: #F2C95E;
  letter-spacing: 10px;
  font-size: 16pt;
  display: inline-block;
  vertical-align: middle;
}

#ribbon {
  padding: 0.75em 1em 0.5em;
  margin: 0;
  margin-top: -50px;
  width: 269px;
  box-sizing: border-box;
  position:relative;
  color: #393013;
  text-align: center;
  font-size: 9pt;
  font-weight: bold;
  font-family: 'League Spartan', sans-serif; 
  letter-spacing: 0px;
  text-shadow: 0px -1px 0px rgba(255,255,255,0.3);
  box-shadow: inset 0px 1px 0px rgba(255,255,255,.3),
  inset 0px 0px 20px rgba(0,0,0,0.1),
        0px 1px 1px rgba(0,0,0,0.4);
  background: -webkit-linear-gradient(top,#fdfe5d, #fee035);
  display: inline-block;
}
  
#ribbon:before, #ribbon:after {
  content: "";
  width:.2em;
  bottom:-.5em;
  position:absolute;
  display:block;
  border: .9em solid #fee035;
  box-shadow:0px 1px 0px rgba(0,0,0,0.4);
  z-index:-2;
}
  
#ribbon:before {
  left:-1.35em;
  border-right-width: .75em;
  border-left-color:transparent;
}
  
#ribbon:after {
  right:-1.35em;
  border-left-width: .75em;
  border-right-color:transparent;
}
  
#content:before, #content:after {
  content:"";
  bottom:-.5em;
  position:absolute;
  display:block;
  border-style:solid;
  border-color: #0675b3 transparent transparent transparent;
  z-index:-1;
}
  
#content:before {
  left: 0;
  border-width: .5em 0 0 .5em;
}
  
#content:after {
  right: 0;
  border-width: .5em .5em 0 0;
}

img.cover {
  border-radius: 4px;
  -webkit-box-shadow: 2px 2px 12px 0px rgba(0,0,0,0.5);
  -moz-box-shadow: 2px 2px 12px 0px rgba(0,0,0,0.5);
  box-shadow: 2px 2px 12px 0px rgba(0,0,0,0.5);
}

.hero img {
  width: 100%;
}

.author {
  margin-top: 168px;
  background-color: #4875D5;
  color: white;
}

.author .inner {
  max-width: 720px;
  margin: 0 auto;
  padding: 48px;
}

.author a {
  color: white;
}

.author a.button {
  color: #4875D5;
  background-color: white;
  border-radius: 4px;
  display: block;
  text-decoration: none;
  padding: 12px;
  width: 128px;
  -webkit-box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.2);
  -moz-box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.2);
  box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.2);
  margin-top: 36px;
  margin-bottom: 72px;
}

.author a.button:hover {
  cursor: pointer;
  background-color: rgba(255, 255, 255, 0.95);
  -webkit-box-shadow: 2px 2px 8px 0px rgba(0,0,0,0.2);
  -moz-box-shadow: 2px 2px 8px 0px rgba(0,0,0,0.2);
  box-shadow: 2px 2px 8px 0px rgba(0,0,0,0.2);
}

.description {
  margin: 0 auto;
  margin-top: 128px;
}

.description h2 {
}

.description h3 {
  margin-top: 32px;
}

.description .right p {
  text-align: center;
  font-style: italic;
}

.description p {
  max-width: 400px;
  margin-bottom: 24px;
}

.description a {
  color: #4875d5;
}

.description a:visited {
  color: #4875d5;
}

.description .columns {
  display: flex;
  align-items: center;
  justify-content: space-between;
  max-width: 960px;
  margin: 0 auto;
}

.description .left {
  max-width: 420px;
  margin-right: 16px;
}

.description .right {
  max-width: 520px;
}

.description .right img {
  width: 100%;
  border-radius: 2px;
  -webkit-box-shadow: 0 0 4px rgba(0,0,0,0.2);
  -moz-box-shadow: 0 0 4px rgba(0,0,0,0.2);
  box-shadow: 0 0 4px rgba(0,0,0,0.2);
}

.articles {
  max-width: 720px;
  margin: 0 auto;
  margin-top: 96px;
}

.detail {
  max-width: 720px;
  margin: 0 auto;
  margin-top: 128px;
}

.detail h2 {
  margin-top: 48px;
}

.detail p {
  max-width: 580px;
}

.detail a {
  color: #4875D5;
}

.detail a:visited {
  color: #4875D5;
}

.detail {
  margin-bottom: 168px;
}

.table-of-contents {
  display: flex;
}

.refer-friend-page form {
  margin: 48px 0;
}

.refer-friend {
  font-size: 9pt;
  margin-top: 24px;
  text-align: center;
}

.refer-friend a {
  color: gray;
}

.refer-friend a:visited {
  color: gray;
}

.purchase {
  margin-top: 96px;
}

.purchase .options {
  display: flex;
  align-items: baseline;
  margin: 0 auto;
  justify-content: center;
}

.purchase .options h3 {
  text-align: center;
}

.purchase .options .option {
  border: 1px solid gainsboro;
  border-radius: 4px;
  padding: 0 48px 48px 0;
  -webkit-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.1);
  -moz-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.1);
  box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.1);
}

.purchase .purchase-guarantee {
  max-width: 420px;
  margin: 64px auto;
  font-size: 9pt;
  padding: 48px;
  border: 1px solid gray;
  border-radius: 8px;
  border: 1px solid gainsboro;
  border-radius: 4px;
  background: #fcfcfc;
}

.independent {
  margin-right: 72px;
}

.certified {
  position: relative;
}

.certified .star {
  color: #F6DA6D;
  display: inline-block;
  margin-right: 6px;
}

.notes {
  max-width: 360px;
  margin-top: 96px;
  color: gray;
  margin-bottom: 96px;
  padding: 8px;
}

.purchase .button.price {
  font-family: 'League Spartan', sans-serif;
  padding: 16px 32px;
  background-color: #4875D5;
  color: white;
  margin-top: 24px;
  margin-left: 24px;
  letter-spacing: 1px;
  text-shadow: 0px -1px 0px rgba(0,0,0,0.3);
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 4px;
  display: inline-block;
  text-decoration: none;
  -webkit-box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.1);
  -moz-box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.1);
  box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.1);

  transition: all 0.1s ease-in-out;
}

.purchase .button.price:visited {
  color: white;
}

.purchase .button.price:hover {
  cursor: pointer;
  color: rgba(255, 255, 255, 0.95);
  -webkit-box-shadow: 2px 2px 8px 0px rgba(0,0,0,0.2);
  -moz-box-shadow: 2px 2px 8px 0px rgba(0,0,0,0.2);
  box-shadow: 2px 2px 8px 0px rgba(0,0,0,0.2);
  transform: scale(1.025);
}

.purchase .button-container {
  margin-top: 48px;
  text-align: center;
}

.coming-soon .hero .left {
  margin-right: 64px;
}

.coming-soon a {
  color: #4875D5;
}

.coming-soon a:visited {
  color: #4875D5;
}

.sections {
  margin-top: 48px;
}

.sections a {
  display: inline-block;
  padding: 8px;
  border: 1px solid gainsboro;
  color: gray;
  border-radius: 4px;
  text-decoration: none;
  margin-right: 8px;
  text-transform: uppercase;
  font-size: 10px;
  letter-spacing: 2px;
  margin-bottom: 8px;
}

.sections a:hover {
  border-color: #4875D5;
  color: #4875D5;
  -webkit-box-shadow: 0px 1px 2px 0px gainsboro;
  -moz-box-shadow: 0px 1px 2px 0px gainsboro;
  box-shadow: 0px 1px 2px 0px gainsboro;
}

.sections a.big-cta {
  letter-spacing: 0px;
  color: white;
  padding: 8px 16px;

  text-align: center;
  font-size: 11pt;
  font-weight: bold;
  /*font-family: 'League Spartan', sans-serif;*/
  text-transform: none;
  letter-spacing: 0.5px;
  -webkit-box-shadow: 0px 1px 2px 0px gainsboro;
  -moz-box-shadow: 0px 1px 2px 0px gainsboro;
  box-shadow: 0px 1px 2px 0px gainsboro;

  transition: all 0.1s ease-in-out;

  text-shadow: 0px -1px 0px rgba(0,0,0,0.2);
}

.sections a.big-cta:hover {
  transform: scale(1.025);
}

.big-cta .price {
  display: inline-block;
  margin-left: 16px;
  border-left: 1px solid rgba(0, 0, 0, 0.25);
  padding-left: 16px;
}

.sections a.big-cta.ebook-cta {
  color: white;
  background: #4875D5;
  border: 1px solid #3a5fad;

}

.sections a.big-cta.course-cta {
  background: #44CA47;
  border: 1px solid #329834;
  color: white;
}

.sections .sales {
  margin-top: 64px;
  text-align: center;
  padding: 16px;
  box-sizing: border-box;
  font-style: italic;
  font-weight: bold;
  padding: 24px;
  border-radius: 4px;
  background: #fcfcfc;
  margin-top: 24px;
}

/* Articles */
.article-nav {
  border-bottom: 1px solid #4875D5;
  margin-bottom: 64px;
  background: #4875D5;
  padding: 8px;
}

.article-nav a {
  color: white;
  font-weight: bold;
  text-decoration: none;
  display: inline-block;
  margin: 16px;
  padding: 4px 8px;
  border-radius: 8px;
}

.article-nav a:first-child {
  margin-left: 0;
}

.article-nav a:hover {
  background-color: rgba(255, 255, 255, 0.1);
  transform: scale(1.025);
}

.article-nav a:visited {
  color: white;
}

.article-container {
  max-width: 520px;
  margin: 0 auto;
  margin-bottom: 96px;
  font-size: 14px;
  line-height: 1.7;
  letter-spacing: 0.2px;
  padding: 8px;
}

.article-container p {
  margin-bottom: 24px;
}

.article-container img {
  max-width: 100%;
}

.article-container blockquote {
  background-color: #f6f6f6;
  border-radius: 4px;
  border: 1px solid #e3e3e3;
  padding: 12px;
}

.article-container h1, .article-container h2 {
  color: #4875d5;
}

.article-container h1 code {
  font-size: 28pt;
}

.article-container h2 code {
  font-size: 20pt;
}

.article-container h1 code, .article-container h2 code {
  background-color: white;
}

.article-container a {
  color: #4875d5;
}

.article-container a:visited {
  color: #4875d5;
}

.article-container pre {
  max-width: 600px;
  padding: 16px;
  background-color: #f1f1f1;
  overflow: scroll;
  border-radius: 4px;
}

.article-container code {
  font-size: 10pt;
  background-color: #f1f1f1;
  padding: 4px;
  border-radius: 4px;
}

.article-container aside {
  margin-left: 24px;
  font-size: 10pt;
  color: #606060;
  border-left: 2px solid #e3e3e3;
  padding-left: 24px;
}

.article-container aside code {
  font-size: 10pt;
}

.article-container ol li {
  margin-bottom: 18px;
}

.article-container ul.longlist li, .article-container ol.longlist li {
  margin-bottom: 24px;
}

.article-container h2 {
  margin-top: 72px;
}

#kubernetes-apiversion-table {
  width: 100%;
  text-align: left;
  border-collapse: collapse;
}

#kubernetes-apiversion-table thead {
  border-bottom: 4px solid #e3e3e3;
}

#kubernetes-apiversion-table td, #kubernetes-apiversion-table th {
  padding: 16px 12px;
}

#kubernetes-apiversion-table tbody tr:nth-child(odd){
  background-color: #f1f1f1;
}

.photo {
  top: 36px;
  left: -72px;
  position: absolute;
}

.author img {
  border-radius: 25px;
  border: 1px solid white;
  float: left;
  margin-right: 12px;
}

.author a {
  color: white;
}

.author a:visited {
  color: white;
}

.author p {
  margin-bottom: 36px;
}

/* Product page layout */

body.product {
  border-top: 12px solid #4875D5;
  padding-top: 96px;
}

/* Sidebar article layout */

body.sidebar {
  margin: 0 auto;
}

body.sidebar .article-container {
  float: left;
  margin: 0 auto;
}

body.sidebar .sidebar-container {
  width: 280px;
  margin-left: 640px;
  padding: 32px 24px 16px 24px;
  border-radius: 4px;
  background-color: #f6f6f6;
  color: #606060;
  font-size: 0.9em;
}

body.sidebar .clear {
  clear: both;
}

body.sidebar .sidebar-container a.sidebar-cover {
  display: block;
  text-align: center;
  color: #4875d5;
  text-decoration: none;
}

body.sidebar .sidebar-container a {
  color: #4875d5;
}

body.sidebar .sidebar-container a:visited {
  color: #4875d5;
}

body.sidebar .sidebar-container a.sidebar-cta {
    letter-spacing: 0px;
  color: white;
  padding: 8px 16px;

  text-align: center;
  font-size: 11pt;
  font-weight: bold;
  /*font-family: 'League Spartan', sans-serif;*/
  text-transform: none;
  letter-spacing: 0.5px;
  -webkit-box-shadow: 0px 1px 2px 0px gainsboro;
  -moz-box-shadow: 0px 1px 2px 0px gainsboro;
  box-shadow: 0px 1px 2px 0px gainsboro;

  transition: all 0.1s ease-in-out;

  text-shadow: 0px -1px 0px rgba(0,0,0,0.2);

    color: white;
  background: #4875D5;
  border: 1px solid #3a5fad;
  text-align: center;
  border-radius: 8px;
  display: block;
  margin: 32px auto 16px auto;
  text-decoration: none;
}

body.sidebar .sidebar-container a.sidebar-cta:visited {
  color: white;
}

body.sidebar .sidebar-container a img {
  width: 120px;
}

.unlock-more {
  text-align: center;
  padding: 48px;
  font-size: 14pt;
  border: 4px solid #F6DA6D;
  border-radius: 8px;
  margin-bottom: 48px;
  background: #f6f6f6;
  color: #606060;

  -webkit-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.1);
  -moz-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.1);
  box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.1);
}

.unlock-more .star {
  color: #F6DA6D;
  display: inline-block;
  margin-bottom: 12px;
}

.unlock-more a {
  text-decoration: none;
}

.unlock-button {
  background-color: #F6DA6D;
  border-radius: 8px;
  color: rgb(135, 115, 18);
  font-weight: 800;
  letter-spacing: 1px;
  width: 160px;
  margin: 36px auto 0 auto;
  padding: 12px;
  text-decoration: none;

  -webkit-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.1);
  -moz-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.1);
  box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.1);
}

.unlock-button:hover {
  cursor: pointer;
  background: #f7df7e;
  -webkit-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.2);
  -moz-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.2);
  box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.2);
}

.purchase .package {
  padding: 48px 24px;
  display: flex;
  max-width: 1080px;
  margin: 0 auto;
}

.purchase .package .left {
  width: 320px;
  padding: 0 48px 0 96px;
  box-sizing: border-box;
}

.purchase .package .right {
  padding-left: 24px;
}

.purchase .package .left img {
  width: 100%;
}

.package ul {
  max-width: 420px;
}

.package ul li {
  margin-bottom: 8px;
}


.premium-container {
  background: #f4f5f6;
}

.package.premium {
  margin-top: 48px;
  padding-top: 96px;
  padding-bottom: 96px;
  margin-bottom: 72px;
}

.package.premium .left {
  padding: 0;
}

.package.premium img.cover {
  display: inline-block;
  width: 40%;
}


.reviews {
  max-width: 480px;
  margin: 96px auto;
}

.reviews .review {
  padding: 24px;
  border: 1px solid gainsboro;
  border-radius: 4px;
  background: #fcfcfc;
  margin-top: 24px;
}

.reviews img {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  vertical-align: middle;
}

.reviews span {
  margin-left: 6px;
  vertical-align: middle;
  font-weight: 800;
}

.reviews .rating {
  color: #F2C95E;
  letter-spacing: 4px;
  font-size: 18px;
  margin-top: 16px;
}

.more-articles-container {
  background: #fcfcfc;
  margin-top: 196px;
}

.more-articles {
  max-width: 960px;
  margin: 0 auto;
  padding: 48px;
}

.more-articles ul {
  margin-top: 32px;
  padding-left: 0;
}

.more-articles li {
  list-style-type: none;
  /*display: inline-block;*/
}

.more-articles a {
  color: #4875D5;
}

.more-articles ul a {
  display: inline-block;
  color: inherit;
  text-decoration: none;
  padding: 12px 24px;
  margin: 6px;

  border: 1px solid gainsboro;
  border-radius: 4px;
  background: #f1f2f3;
}

.more-articles ul a:hover {
  background: #fafbfc;
}

.more-articles ul a:visited {
  color: inherit;
}

.pullquotes {
  box-sizing: border-box;
  max-width: 560px;
  margin: 128px auto 0 auto;
  padding: 16px;
}

.pullquotes .quote-item:not(:last-child) {
  margin-bottom: 96px;
}

.pullquotes .company {
  /*display: inline-block;*/
  /*margin-left: 2px;*/
  /*color: gray;*/
}

.pullquotes .quote {
  font-size: 18px;
  font-family: 'League Spartan', sans-serif;
  letter-spacing: 1px;
}

.pullquotes .quote-item:nth-child(2) {
  text-align: right;
}

.pullquotes .quote-item:nth-child(3) {
  text-align: center;
}

.pullquotes .quote-item:nth-child(2) .quote {
  font-size: 24px;
}

@media only screen and (max-width: 780px) {
  .hero {
    align-items: center;
    flex-direction: column-reverse;
    padding: 8px;
  }

  .hero .left {
    margin-right: 0;
  }

  .hero .right {
    width: auto;
    text-align: center;
  }

  .hero h1 {
    max-width: inherit;
    text-align: center;
  }

  .hero .left h2 {
    max-width: inherit;
    text-align: center;
    font-size: 16px;
  }

  .hero .right img {
    height: 320px;
    width: auto;
    margin-bottom: 48px;
    display: block;
  }

  .hero #ribbon {
    width: 227px;
    margin-top: -90px;
  }

  .hero .sections {
    text-align: center;
  }

  .hero .sections .big-cta {
    padding: 12px 20px;
  }

  .description .columns {
    flex-wrap: wrap;
    width: 100%;
  }

  .columns .left {
    width: 100%;
  }

  .purchase .package {
    flex-wrap: wrap;
  }

  .purchase .package .right {
    margin-top: 16px;
    padding-left: 8px;
  }

  .purchase .package .left {
    padding-left: 0;
  }

  .purchase .package .left img {
    max-width: 132px;
  }

  .more-articles {
    padding: 8px;
  }
}

@media only screen and (max-width: 1024px) {
  body.sidebar .article-nav {
    margin: 0 auto;
    max-width: 520px;
    margin-bottom: 64px;
  }

  body.sidebar .article-nav .k8-article-column {
    display: flex;
    flex-wrap: wrap;
  }

  body.sidebar .article-nav a {
     margin: unset; 
    padding: 8px;
    border-radius: 8px;
    box-sizing: border-box;
    width: 50%;
  }

  body.sidebar .article-container {
    float: none;
    margin: 8px auto;
  }

  body.sidebar .sidebar-container {
    margin: 128px 0;
    box-sizing: border-box;
    width: 100%;
  }

  body.sidebar .sidebar-container a.sidebar-cover {
    text-align: left;
  }
}

.training.hero {
  display: block;
}

.training.hero img.cover {
  display: inline-block;
  height: 260px;
  margin-right: 16px;
  width: auto;
  margin-bottom: 48px;
}

.training .training-text {
  width: auto;
  margin-top: 32px;
  margin-bottom: 168px;
}

.training .training-text h1 {
  max-width: 600px;
}

.training .training-text p {
  max-width: 520px;
}

.guarantee {
  max-width: 620px;
  margin: 0 auto;
}

.guarantee-copy {
  max-width: 520px;
  margin: 0 auto;
}

.guarantee-copy ul {
  margin-top: 64px;
  margin-bottom: 64px;
}
.guarantee-copy ul li {
  list-style-type: none;
  margin-bottom: 36px;
}

.email-container {
  max-width: 600px;
  padding: 64px;
  margin: 128px auto 96px auto;
  background: #f1f1f1;
  border-radius: 8px;
  box-sizing: border-box;
}

.email-container .gumroad-follow-form-embed {
  margin-top: 36px;
  box-sizing: border-box;
  margin-right: 16px;
}

@media only screen and (max-width: 780px) {
  .hero .left {
    align-items: center;
  }

  .email-container {
    padding: 36px 16px;
    max-width: none;
    border-radius: 0;
  }
}

.tech-landing .gumroad-follow-form-embed input, .email-container .gumroad-follow-form-embed input {
  color: black;
}

.tech-landing .gumroad-follow-form-embed button, .email-container .gumroad-follow-form-embed button {
  font-family: 'Raleway', sans-serif;
  padding: 0;
  margin: 0;
  color: #222;
  line-height: 1.5;
  padding: 1em;
  font-size: 15px;
}

.tech-landing .lead-logo {
  max-width: 200px;
}

.tech-landing .sections .gumroad-follow-form-embed button, .email-container .gumroad-follow-form-embed button {
  letter-spacing: 0px;
  color: white;
  padding: 8px 16px;

  text-align: center;
  font-size: 11pt;
  font-weight: bold;
  /*font-family: 'League Spartan', sans-serif;*/
  text-transform: none;
  letter-spacing: 0.5px;
  -webkit-box-shadow: 0px 1px 2px 0px gainsboro;
  -moz-box-shadow: 0px 1px 2px 0px gainsboro;
  box-shadow: 0px 1px 2px 0px gainsboro;

  transition: all 0.1s ease-in-out;

  text-shadow: 0px -1px 0px rgba(0,0,0,0.2);
  color: white;
  background: #4875D5;
  border: 1px solid #3a5fad;
}

.tech-landing .tech-landing-hero {
  max-width: 960px;
  padding: 8px;
  margin: 32px auto;
}

.tech-landing .logos-container {
  margin: 108px auto 96px auto;
  max-width: 720px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}

.tech-landing .logos-container div {
  min-width: 64px;
  max-width: 128px;
  flex: 1;
}

.tech-landing .logos-container div {
  margin: 36px;
}

.tech-landing .logos-container img {
  max-width: 100%;
  height: auto;
}

.tech-landing .logos-container .reviews-cta {
  color: gray;
  font-size: 11px;
  text-decoration: none;
  text-align: center;
}

.tech-landing .logos-container .reviews-cta:hover {
  text-decoration: underline;
}

.tech-landing h1 {
  font-size: 32pt;
  color: #4875D5;
  text-align: center;
}

.tech-landing .tech-landing-hero p {
  color: gray;
}

.tech-landing .tech-landing-hero h2 {
  font-weight: normal;
}

.tech-landing .tech-landing-hero .sections {
  max-width: 400px;
  margin: 24px 0;
}

.tech-landing .tech-side-by-side {
  display: flex;
  max-width: 720px;
  margin: 48px auto;
  align-items: center;
  justify-content: space-between;
}

.tech-landing .tech-side-by-side img {
  width: 170px;
}

.tech-landing .tech-side-by-side .left {
  margin-right: 48px;
}

.tech-landing .tech-side-by-side .right {
  text-align: right;
}

.tech-landing #ribbon {
  width: 171px;
}

.tech-landing .purchased-by {
  max-width: 720px;
  padding: 8px;
  margin: 48px auto;
}

.tech-landing .purchased-by h3 {
  font-weight: normal;
  font-size: 12pt;
  text-align: center;
  color: gray;
  margin-bottom: 32px;
}

.tech-landing .purchased-by .purchased-by-quote {
  display: flex;
  align-items: center;
}

.purchased-by-quote {
  margin: 96px 0;
}

.purchased-by-quote img {
  width: 120px;
  margin-right: 32px;
}

.purchased-by-quote .quote-text {
  font-size: 18px;
  font-family: 'League Spartan', sans-serif;
  letter-spacing: 1px;
}

.purchased-by-quote.reverse img {
  margin-right: 0;
  margin-left: 32px;
}

.tech-purchase {
  text-align: center;
  margin-top: 64px;
  padding: 8px;
}

.tech-other-info {
  color: gray;
  line-height: 1.7;
  text-align: center;
  max-width: 480px;
  margin: 72px auto;
}

.tech-other-info a {
  color: black;
  font-size: 18px;
  font-family: 'League Spartan', sans-serif;
  letter-spacing: 1px;
  display: block;
  margin-bottom: 32px;
}

.tech-other-info a:visited {
  color: black;
}

.tech-landing .stars {
  color: #F2C95E;
  letter-spacing: 10px;
  font-size: 24pt;
  display: inline-block;
  vertical-align: middle;
}

.lead {
  
}

.lead .description-lead {
  max-width: 960px;
  margin: 32px auto;
  text-align: center;
}

.lead .description-lead p {
  max-width: 440px;
  font-size: 16px;
  margin: 30px auto;
  text-align: left;
}

.lead h2 {
  max-width: 960px;
  margin: 196px auto 48px auto;
  text-align: center;
  font-size: 32px;
}

.lead .side-by-side p {
  line-height: 1.7;
  margin-top: 24px;
}

.lead .side-by-side {
  display: flex;
  flex-wrap: wrap; 
  max-width: 1280px;
  margin: 128px auto 64px auto;
  justify-content: space-around;
  padding: 32px;
}

.lead .side-by-side .left, .lead .side-by-side .right {
  flex: 1;
  box-sizing: border-box;
  max-width: 440px;
}

.lead h3 {
  margin-top: 96px;
  margin-bottom: 48px;
  font-size: 24px;
  text-align: center;
  font-family: 'League Spartan', sans-serif;
  letter-spacing: 1px;
}

.lead .cover-container {
  display: flex;
  justify-content: center;
  height: 240px;
}

.lead .cover-container img {
  margin: auto;
  max-width: 200px;
  min-width: 0;
  width: 40%;
  flex: 1;
}

.lead ul {
  margin-top: 36px;
  color: gray;
  font-size: 13px;
}

.lead .button.price {
  font-family: 'League Spartan', sans-serif;
  padding: 16px 32px;
  background-color: #4875D5;
  color: white;
  margin: 48px auto 24px auto;
  letter-spacing: 1px;
  text-shadow: 0px -1px 0px rgba(0,0,0,0.3);
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 4px;
  display: block;
  text-decoration: none;
  -webkit-box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.1);
  -moz-box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.1);
  box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.1);

  transition: all 0.1s ease-in-out;

  text-align: center;
  max-width: 240px;
}

.lead .button.price:visited {
  color: white;
}

.lead .button.price:hover {
  cursor: pointer;
  color: rgba(255, 255, 255, 0.95);
  -webkit-box-shadow: 2px 2px 8px 0px rgba(0,0,0,0.2);
  -moz-box-shadow: 2px 2px 8px 0px rgba(0,0,0,0.2);
  box-shadow: 2px 2px 8px 0px rgba(0,0,0,0.2);
  transform: scale(1.025);
}

.lead .right .button.price {
  background-color: #44CA47;
}

.purchase-guarantee {
  max-width: 480px;
  padding: 16px;
  margin: 96px auto 128px auto;
  text-align: center;
  font-size: 22px;
  line-height: 2;
}


.quiz-container {
  max-width: 860px;
  padding: 64px;
  margin: 128px auto 96px auto;
  box-sizing: border-box;
}

.quiz-content {
  display: flex;
  align-items: center;
}

.quiz-left {
  margin-right: 32px;
}

.quiz-content .quiz-new {
  display: inline-block;
  padding: 8px 16px;
  text-transform: uppercase;
  letter-spacing: 0.2px;
  background-color: #f1f1f1;
  color: gray;
  font-weight: bold;
  font-size: 12px;
  text-align: right;
  float: right;
}

.quiz-content a {
  display: inline-block;
  padding: 8px 16px;
  letter-spacing: 0.2px;
  background-color: #44CA47;
  color: white;
  border-radius: 4px;
  font-weight: bold;
  background: #44CA47;
  border: 1px solid #329834;
  color: white;
  font-size: 15px;
  text-decoration: none;
  margin-top: 12px;
  letter-spacing: 1px;
}

.quiz-content a:hover {
  transform: scale(1.025);
}

.quiz-content a:visited {
  color: white;
}

.what-people-say {
  max-width: 720px;
  margin: 96px auto;
}

.what-people-say img {
  width: 100%;
  border-radius: 8px;
  margin-top: 24px;
  margin-bottom: 24px;
    -webkit-box-shadow: 2px 2px 12px 0px rgba(0,0,0,0.3);
  -moz-box-shadow: 2px 2px 12px 0px rgba(0,0,0,0.3);
  box-shadow: 2px 2px 12px 0px rgba(0,0,0,0.3);
}

.book-image-reviews {
  max-width: 480px;
  margin: 36px auto;
}

.book-image-reviews img {
  width: 100%;
  height: unset;
  border-radius: 8px;
  margin-bottom: 24px;
  -webkit-box-shadow: 2px 2px 6px 0px rgba(0,0,0,0.1);
  -moz-box-shadow: 2px 2px 6px 0px rgba(0,0,0,0.1);
  box-shadow: 2px 2px 6px 0px rgba(0,0,0,0.1);
}

.lead .side-by-side.book-side-by-side {
  background: #f6f6f6;
  padding: 64px 32px;
}

.lead .book-side-by-side .left {
  display: flex;
  max-width: 760px;
}

.lead .book-side-by-side .left .cover-container {
  margin-right: 64px;
}

.lead .book-side-by-side .cover-container img {
  max-width: 240px;
  max-height: 100%;
  height: 100%;
  width: unset;
}

.book-side-by-side .left .cover-right {
  max-width: 620px;
}

.book-side-by-side .left .cover-right h3 {
  margin-top: 0;
  margin-bottom: 0;
  text-align: left;
}

.lead .side-by-side.book-side-by-side p.table-of-contents-link {
  text-align: left;
  display: inline-block;
  vertical-align: middle;
  margin-top: 12px;
}

.lead .book-side-by-side .button.price {
  margin: 24px 8px;
  display: inline-block;
}

@media only screen and (max-width: 780px) {
  .lead .side-by-side {
    flex-direction: column;
    align-items: center;
    padding: 8px;
  }

  .lead .side-by-side .left, .lead .side-by-side .right {
    margin-bottom: 96px;
  }

  .lead .book-side-by-side .left {
    display: block;
  }

  .lead .book-side-by-side .left .cover-container {
    margin-right: unset;
    margin-bottom: 64px;
    display: block;
    text-align: center;
  }

  .lead .book-side-by-side .button.price {
    margin: 24px auto;
    display: block;
  }

  .lead .side-by-side.book-side-by-side p.table-of-contents-link {
    text-align: center;
    display: block;
  }
}

@media only screen and (max-width: 780px) {
  .tech-side-by-side {
    flex-wrap: wrap-reverse;
  }

  .tech-landing .tech-side-by-side .left {
    margin: auto;
    text-align: center;
  }

  .tech-landing .tech-landing-hero .sections {
    margin: 24px auto;
  }

  .tech-side-by-side .right {
    margin: auto;
  }

  .tech-side-by-side img {
    margin-bottom: 48px;
  }

  .tech-landing #ribbon {
    display: none;
  }

  .tech-landing .purchased-by .purchased-by-quote {
    flex-direction: column;
  }

  .tech-landing .purchased-by .purchased-by-quote.reverse {
    flex-direction: column-reverse;
  }

  .tech-landing .purchased-by .purchased-by-quote img {
    margin-right: 0;
    margin: 16px;
  }

  .tech-landing .purchased-by .purchased-by-quote.reverse img {
    margin-left: 0;
  }

  .quiz-content {
    flex-direction: column;
  }
}




.k8-article-column {
  max-width: 960px;
  margin: auto;
}

.k8-article-footer {
  padding: 16px;
  margin-top: 100px;
  background-color: #4875D5;
  color: white;
}

.k8-article-footer .k8-article-column {
  display: flex;
}

.k8-article-footer a, .k8-article-footer a:visited {
  color: white;
}

.k8-article-footer .author-details {
  flex: 2;
  margin: 16px;
  max-width: 560px;
}

.k8-article-footer .author-details img {
  border-radius: 50%;
  border: 1px solid white;
  float: left;
  margin-right: 12px;

}

.k8-article-footer .contact-details {
  flex: 1;
  margin: 16px;
}

@media only screen and (max-width: 780px) {
  .k8-article-footer .k8-article-column {
    flex-direction: column;
  }
}