.blog-preview-container {
	width:100%;
	text-align:left;
	display:flex;
	justify-content:space-evenly;
	flex-direction:row;
	flex-wrap:wrap;
	margin:30px auto;
  }
  
  .blog-post-preview {
	box-sizing: border-box;
    padding: 15px;
    margin: 10px;
    box-shadow: 0px 0px 8px 0px #ccc;
    max-height: 38em;
    overflow: hidden;
    position: relative;
    cursor: pointer;
    font-family: Montserrat,sans-serif !important;
  }
  .blog-post-preview .blog-featured-image {
	width:100%;
  }
  .blog-post-preview .blog-post-date {
	position:absolute;
	display:block;
	bottom:0px;
	left:0px;
	font-size:smaller;
	padding:5px;
	color:#333;
  }
  .blog-post-preview h2 {
	font-size:1.8rem !important;

  }
  
  .blog-post-preview::before {
	background: linear-gradient(180deg, transparent 0%, transparent 80%, white 95%);
	content: '';
	display: block;
	box-sizing: border-box;
	position: absolute;
	bottom: 0px;
	right: 0px;
	width: 100%;
	height: 100%;
  }
  .blog-post-preview::after {
	content: '... Read More';
	display: block;
	box-sizing: border-box;
	position: absolute;
	bottom: 0px;
	right: 0px;
	width: 100%;
	padding: 0px 15px;
	font-weight: bold;
	text-align: right;
  }
  
  .blog-post-preview:hover {
	transform: scale(1.02);
  }
  
  .blog-post-full {
	width: 80vw;
	height: 80vh;
	max-width:800px;
	box-sizing:border-box;
	position: fixed;
	top: 50%;
	left: 50%;
	transform:translate(-50%,-50%);
	border: 4px solid #40beac;
	background-color: white;
	overflow: visible;
	padding: 0px;
	z-index:1100;
	box-shadow: 0px 0px 30vw 10vw #333;
	font-family: Montserrat,sans-serif !important;
  }
  .blog-post-full .blog-post-full-container {
	width:100%;
	height:100%;
	padding:30px;
	box-sizing: border-box;
	overflow-x:hidden;
	overflow-y:auto;
  }
  .blog-post-full .blog-featured-image {
	float:left;
	max-width:400px;
	margin-right:20px;
  }
  .blog-post-full ul {
	padding:0px 40px;
  }
  .blog-post-full li {
	margin-top:20px;
  }
  
  .blog-close-button {
	position: absolute;
	  top: -20px;
	  right: -20px;
	  content: 'x';
	  width: 40px;
	  height: 40px;
	  color: white;
	  background-color: #40beac;
	  font-weight: 700;
	  font-size: 36px;
	  line-height:35px;
	  text-align:center;
	  border-radius: 20px;
	  z-index: 1101;
	  cursor:pointer;
  }
  
  @media (max-width: 991px) {
  }
  
  @media (max-width: 767px) {
  }
  
  @media (max-width: 575px) {
  }