/************ Skandinavisk colors ***********/
/******* Aspect ratios *****/
/****** Transition *******/
.blog-container {
  margin: 0 auto;
  padding: 30px 0;
}
.blog-container img {
  width: 100%;
}
.blog-container .social-container,
.blog-container .blog-heading,
.blog-container .banner-two-col,
.blog-container .video-banner,
.blog-container .product-grid-wrapper,
.blog-container .accordion-columns-wrapper,
.blog-container .hotspot-container,
.blog-container .text-container {
  padding-left: 20px;
  padding-right: 20px;
}
@media only screen and (min-width: 768px) {
  .blog-container .social-container,
.blog-container .blog-heading,
.blog-container .banner-two-col,
.blog-container .video-banner,
.blog-container .product-grid-wrapper,
.blog-container .accordion-columns-wrapper,
.blog-container .hotspot-container,
.blog-container .text-container {
    margin: 0 auto;
    width: calc(40% + 40px);
  }
}
@media only screen and (max-width: 1199px) {
  .blog-container {
    padding: 16px 0 30px;
  }
}

.blog-title {
  padding: 16px 0;
}

.blog-title__edit-mode {
  margin-bottom: 20px;
  text-align: center;
}
/*# sourceMappingURL=blogLayout.css.map*/