.caption-list-wrapper {
  
background-color: var(--list-wrapper-background);
border: solid 10px var(--list-wrapper-border);
border-radius: 15px;
}


.caption-list-set-one {

  display:grid;
  gap: 5px;
  grid-template-columns: 1fr 1fr 1fr;
 
}


.intersection-wrapper-list {

  margin: 10px;
  padding: 15px;
  color: #6e4056;
  background-color: var(--caption-intersection-background);
  border: solid 10px var(--caption-intersection-border);
  border-radius: 5px;

}





.intersection-img {

  margin: 20px;
  border-radius: 5%;
  max-width: 50%;   
  max-height: 50%;
}



.List-card{

display: grid;
grid-template-columns: 5fr 3fr;
padding: 5%;

border: 5px solid var(--list-card-border);

color: #251a20;
background-color: var(--list-card-background);

}

li {

text-decoration: none;
list-style-type: none;
color: #000;

}


ul a {

color: rgb(2, 34, 34);
padding-top: 20px;

}


 @media (width < 800px) {
  
.caption-list-set-one {

grid-template-columns: 1fr 1fr;


}}

  
 @media (width < 600px) {
  
.caption-list-set-one {

grid-template-columns: 1fr;


}}


 @media (width < 800px) {
  
.intersection {

grid-template-columns: 1fr 1fr;


}}


.smallpic {

  border-radius: 5%;
  max-width: 90%;   
  max-height: 90%;    
        
}