.split{display:flex;align-items:center}
.split 
	span{width:3px;height:3px;margin:0 10px;background-color:#9a9b9e}
	blockquote{border-left:2px solid #fec32f;padding-left:20px;max-width:50ch;font-size:1.1875rem;font-weight:600;line-height:1.75rem}
	
@media only screen and (min-width:48em){blockquote{font-size:1.6875rem;line-height:2.3125rem}}

.other-blogs{display:grid;grid-gap:30px}@media only screen and (min-width:48em){
.other-blogs{grid-template-columns:repeat(2,1fr)}}.other-blogs .blog-item .title{position:relative;overflow:hidden}

.other-blogs .blog-item .title::after{content:"";width:100%;height:1px;top:50%;position:absolute;transform:translateY(-50%);margin-left:15px;background-color:#fec32f}

.other-blogs .blog-item .grid{display:grid;grid-template-columns:130px 1fr;grid-gap:15px;align-items:center;margin-top:10px}


.spec-column {
  float: left;
  min-width: 33.33%;


}

/* Clear floats after the columns */
.spec-row:after {
  content: "";
  display: table;
  clear: both;
}

/* Responsive layout - when the screen is less than 600px wide, make the three columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {
  .spec-column {
    width: 100%;
  }
}