.activitiesbox {
    max-width: 150px;
    margin-left: auto;
    margin-right: auto;
    display: inline-grid;

}


#headerspan{
font-family: Garamond-regular,Verdana,Geneva,Arial,Helvetica;
font-weight: 100;

background-image: url('/i/9898Color-Block_PERIWINKLE.jpg');
  background-size: cover;      /* Scales image to fill the span */
  background-position: center; /* Centers the image */
  background-repeat: no-repeat;


display:block;
padding: 0px 0px 20px 0px;
    line-height: 1.1em;

}



#feeactivitiesspan{
font-family: Garamond-regular,Verdana,Geneva,Arial,Helvetica;
font-weight: 100;

background-image: url('/i/9888Color-Block_PINK.jpg');
  background-size: cover;      /* Scales image to fill the span */
  background-position: center; /* Centers the image */
  background-repeat: no-repeat;

display:block;
padding:20px 10px 20px 10px;
    line-height: 1.1em;
color:#ffffff;
}


#shopactivitiesspan{
font-family: Garamond-regular,Verdana,Geneva,Arial,Helvetica;
font-weight: 100;

background-image: url('/i/9887Color-Block_GREEN_W-Mushrooms.jpg');
  background-size: cover;      /* Scales image to fill the span */
  background-position: center; /* Centers the image */
  background-repeat: no-repeat;


display:block;
padding:20px 10px 20px 10px;
    line-height: 1.1em;

}


#visitactivitiesspan{
font-family: Garamond-regular,Verdana,Geneva,Arial,Helvetica;
font-weight: 100;

background-image: url('/i/9886Color-Block_YELLOW_w-Dandilions.jpg');
  background-size: cover;      /* Scales image to fill the span */
  background-position: center; /* Centers the image */
  background-repeat: no-repeat;


display:block;
padding:20px 10px 20px 10px;
    line-height: 1.1em;

}



.white{
color: #fff;
}


.black{
color: #000;
}



.newheadh1 {
  display: flex;
  align-items: center;
  text-align: center;
  width: 100%;
  
  /* Spacing out the letters/words */
  letter-spacing: 0.2em; 
  text-transform: uppercase;
  font-family: sans-serif; /* Or your brand font */
  margin: 20px 0;
}

/* The lines on each side */
.whitelines::before,
.whitelines::after {
  content: "";
  flex: 1; /* This makes the lines span the remaining 100% width */
  border-bottom: 5px solid #ffffff; /* Adjust thickness and color here */
  margin: 0 20px; /* Space between the text and the lines */
}


.blacklines::before,
.blacklines::after {
  content: "";
  flex: 1; /* This makes the lines span the remaining 100% width */
  border-bottom: 5px solid #000; /* Adjust thickness and color here */
  margin: 0 20px; /* Space between the text and the lines */
}


.graylines::before,
.graylines::after {
  content: "";
  flex: 1; /* This makes the lines span the remaining 100% width */
  border-bottom: 5px solid #ccc; /* Adjust thickness and color here */
  margin: 0 20px; /* Space between the text and the lines */
}


.blanklines::before,
.blanklines::after {
  content: "";
  flex: 1; /* This makes the lines span the remaining 100% width */
  border-bottom: 0px solid #ccc; /* Adjust thickness and color here */
  margin: 0 20px; /* Space between the text and the lines */
}



#visitlink{
color:#000000;
text-decoration:none;
font-size: 2em;
    line-height: normal;
}


#flexACTIVITY{
display: inline-grid;
    padding: 20px;
    width: 200px;
    font-size: 2em;
    line-height: normal;
    color: #fff;
    border: 0px solid;
    text-align: left;

}

#flexVISIT{
display: inline-grid;
    padding: 20px;
    
    line-height: normal;
    color: #000;
    border: 0px solid;
    text-align: left;

}