body{
  background-color: #fff;
}

.blog-text > p{
  margin-bottom: 1rem;
}

.blog-image{
  margin-bottom: 20px;
  margin-top: 20px;
  max-width: 100%;
  display: block;
}

.blog-container > *{
  margin-left: auto;
  margin-right: auto;
  max-width: 55%;
}

.blog-container > a{
  display: block;
}

.blog-container > .full-width {
  max-width: 58.8%;
}

.blog-container > .left-align, .blog-container > .blog-bio {
  margin-left: 22.5%;
}

.blog-upsell-header{
  margin-top: 20px;
  margin-bottom: 10px;
}

.back-to-main{
  position: absolute;
  z-index: 1;
}

.card-link{
  height: 100%;
  display: inline-block;
}

.card-link:hover{
  text-decoration: none;
}

.card-title{
  font-size: 1.5rem;
}

#reader .card.no-border.blog-card:hover{
  box-shadow:0 6px 10px 0 rgba(142,189,252,.7);
}

#reader img{border:0;vertical-align:middle;display:inline-block;max-width:100%}
#reader h6{font-size:12px;line-height:18px;margin-top:10px;font-weight:700;margin-bottom:10px}
#reader h6{margin-top:0;margin-bottom:8px;font-family:'DM Sans',sans-serif;font-size:18px;line-height:26px;font-weight:700}
#reader .card-image-head{margin-top:0;border-top-left-radius:5px;border-top-right-radius:5px}
#reader .card.no-border{position:relative;margin-bottom:0}
#reader .card.no-border.blog-card{height:100%;margin-top:20px;margin-bottom:0;box-shadow:0 4px 8px 0 rgba(0,0,0,.1)}
#reader .card-head.no-border{padding-bottom:0}
#reader .card-head{padding:16px 24px;border-bottom:1px solid #ecebea}
#reader .card{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;border:1px solid #ecebea;border-radius:6px;background-color:#fff}
#reader .card:hover{text-decoration:none}
#reader .card-body.no-bottom-padding{padding-bottom:0}
#reader .card-body.card-body-large.card-left{max-width:320px;margin-left:auto}
#reader .card-body.card-body-large.card-right{max-width:320px;margin-right:auto}
#reader .card-body.card-body-large.justify-center.shadow-large{margin-bottom:20px;padding:20px;background-color:#d2e5fd;font-size:14px}
#reader .card-body.card-body-large.justify-center{border-radius:5px}
#reader .card-body.card-body-large{padding:36px;border-radius:5px;background-color:#fff;color:#222525}
#reader .card-body.card-body-small{padding:16px;background-color:#57a773}
#reader .card-body.justify-center{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}
#reader .card-body{padding:24px;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;border-radius:0}
#reader .shadow-large{box-shadow:0 12px 24px 0 rgba(0,0,0,.1)}
#reader .no-border{border:1px none #000}
#reader .card.no-border.shadow-large .card-body{padding-top:0}
#reader .blog-h2-subheader{font-size: 16px;line-height: 24px;font-weight: 500}

/*Styling for laptops*/
@media (max-width: 1200px) {

  .back-to-main{
    position: relative;
    z-index: 0;
  }

  .blog-container > *{
    max-width: 79.4%;
  }

  .blog-container > .full-width {
    max-width: 95.3%;
  }

  .blog-container > .left-align, .blog-container > .blog-bio {
    margin-left: 10.3%;
  }

}

/* Styling for tablets */
@media (max-width: 992px) {

  .blog-container > *{
    max-width: 89.6%;
  }

  .blog-container > .full-width {
    max-width: 100%;
  }

  .blog-container > .left-align, .blog-container > .blog-bio {
    margin-left: 5.2%;
  }

}

@media (max-width: 768px) {

  .blog-container > *{
    max-width: 100%;
  }

  .blog-container > .left-align, .blog-container > .blog-bio {
    margin-left: 0;
  }

}