.crumbs {display:inline-block; margin:40px 0 20px 30px; text-align:left; font-size:13px; color:var(--grey);}
 .crumbs a {padding:5px; color:var(--grey);}
 .crumbs a:hover {color:var(--orange);}  
.blog-wrap {
	display:grid; width:80%; margin:0 auto 60px auto; 
	grid-template-columns:auto 610px;
	grid-template-areas:
    "headings headings"
    "text-content image-content";
	gap:60px;
}
 
.blog-wrap div.headings {grid-area: headings;}
.blog-wrap div.text-content {grid-area:text-content;}
.blog-wrap div.image-content {grid-area:image-content;} 

.text-content p {font-size:20px;}

.text-content ul {margin:30px 0 0 60px; list-style:none;}
.text-content ul li::before {content: '•'; display:inline-block; width:1.5em; margin-left:-1.5em; color:var(--orange); font-size:28px; font-weight:800;}
.text-content ul li {padding-left:15px; text-align:left; color:var(--mid-blue); font-size:16px;}

.image-grid {display:flex; flex-wrap:wrap; align-items:stretch; align-content:center; gap:6px 10px;}
.image-grid img {max-width:300px; max-height:300px; border-top:2px solid white; border-bottom:2px solid white; background-color:var(--dark-blue); transition:all 0.3s;}
.image-grid img:hover {border-top:2px solid var(--orange); border-bottom:2px solid var(--orange); filter: brightness(90%);}

.vidContainer {margin-bottom:10px; width:100% !important;}

.next {display:block; margin:30px auto 45px auto; text-align:center;}
.next a {font-size:15px; font-weight:500; color:var(--dark-blue);}
.next a:hover {color:var(--orange);}

@media screen and (max-width:1440px) {
.blog-wrap {width:90%;}	
}
@media screen and (max-width:1280px) {
.blog-wrap {width:94%; grid-template-columns:auto 450px;}
.image-grid img {max-width:220px; max-height:220px;
}
@media screen and (max-width:980px) {
.blog-wrap {grid-template-columns:1fr; grid-template-areas:"headings" "text-content" "image-content"; gap:30px;}
.image-grid {padding-top:20px; justify-content:center; gap:10px;}
.image-grid img {max-width:160px; max-height:160px;
}
