.map-grid{
  display:flex;
  flex-direction:column;
  gap:2rem;
  font-family:"Open Sans","Helvetica Neue",Arial,sans-serif;
}

.map-item{
  display:flex;
  align-items:center;
  gap:3rem;
	padding: 30px 30px 30px 30px;
    box-shadow: #bdbdbd 0px 0px 10px;
	transition: all .2s ease-in-out; 
}

.map-item:hover{
transform:scale(1.03)
}
.map-item.reverse{
  flex-direction: row-reverse;
}

.map-media .thumb img{
  width:100%; height:auto; display:block; max-width:680px;
}

.map-content{ color:#000000; max-width:700px; }
.map-index{
  font-weight:800;
  font-size:4rem;
  line-height:1;
  color:#ffcc00;
  margin-bottom:1rem;
  letter-spacing:.02em;
}
.map-title{
  font-size:40px;
  font-weight:800;
  margin:0 0 .25rem 0;
}
.map-title a{ 
	color:inherit; 
	text-decoration:none;
	text-transform:uppercase;
}
.map-subtitle{
  font-size:30px;
  font-weight:300;
  margin:0 0 .75rem 0;
	text-transform:uppercase;
	
}
.map-meta{
  font-size:1rem;
  color:#000000;
  margin:.25rem 0 1rem 0;
	font-weight:300;
    text-transform: uppercase;
    letter-spacing: 3px;
}
.map-excerpt{
  color:#000000;
  margin:0 0 1.25rem 0;
  max-width:58ch;
	font-weight:300;
}
.map-btn{
  display:inline-block;
  padding:.7rem 1.25rem;
  border:2px solid #000000;
  border-radius:999px;
  text-decoration:none;
  font-weight:700;
  color:#000000;
  line-height:1;
	text-transform:uppercase;
}

@media (max-width:980px){
  .map-item{ flex-direction:column; }
  .map-item.reverse{ flex-direction:column; }
  .map-media .thumb img{ max-width:100%; }
  .map-index{ font-size:3rem; }
  .map-title{ font-size:1.5rem; }
  .map-subtitle{ font-size:1.05rem; }
}