.central-item {
    width: 66.66%; 
    margin: 0 auto; 
    padding: 20px;  
}

.central-item img {
    max-width: 100%;
    height: auto;
    width: 100%;
}

h2 {
    font-size: 2em;
    margin-bottom: 20px;
}

h3 {
    font-size: 1.5em;
    margin-bottom: 15px;
}

h4 {
    font-size: 1.2em;
    margin-bottom: 10px;
}

p, ul {
    font-size: 20px;
    margin-bottom: 20px;
    line-height: 1.5;
}

p, ol {
    font-size: 20px;
    margin-bottom: 20px;
    line-height: 1.5;
}

ul {
    list-style-type: disc;
    margin-left: 20px;
}

ul, li, ul, li {
    font-size: 20px; /* Set the font size to 16 pixels */
    line-height: 1.5; /* Adjust line height for better readability */
}

.rock-image {
    width: 200px !important; 
    height: auto !important;
    float: right !important; 
    margin-right: 20px !important; 
    padding-left: 5px !important;
}

.tumbled-rock {
    display: flex;
    align-items: left;
    justify-content: flex-start;
    margin-bottom: 20px;
  }
  .tumbled-rock img {
    margin-left: 20px;
    max-width: 200px;
    max-height: 200px;
  }

  .map {
    width: 880px; /* This should match the width of your iframe */
    margin-left: auto;
    margin-right: auto;
  }
  
  .map-iframe {
    width: 880px;
    height: 720px;
  }

  table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 20px;
}

th, td {
    border: 1px solid #000000;
    padding: 8px;
    text-align: left;
}

th {
    background-color: #f2f2f2;
}


.cmm-usa {
    display: none;
    margin: 0 auto;
    position: relative;
    padding: 10px;
    width: 90% !important;
}

.cmm-usa svg {
    width: 100%;
    z-index: 99
}

.cmm-usa svg path {
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-miterlimit: 10
}

.cmm-usa-hover-state-info {
    position: relative;
    margin: -40px auto 20px auto;
    display: none;
    box-sizing: border-box;
    padding: .75em;
    width: 300px;
    border-radius: 10px;
    background: #fff;
    box-shadow: 0 0 20px #999;
    font-size: 14px;
    z-index: 100
}

.cmm-usa-hover-state-info span {
    display: block;
    line-height: 1.5em
}

.cmm-usa-hover-state-info span:first-child {
    font-weight: bold;
    text-align: center
}

.cmm-usa-listview {
    width: 100%;
    text-align: center;
    margin: 1em 0
}

.cmm-usa-listview ul {
    vertical-align: top;
    list-style: none;
    display: inline-block;
    text-align: left;
    margin: 0;
    padding: 0
}

.cmm-usa-listview ul li {
    padding: 0;
    margin: 0
}

.cmm-usa-listview ul li span {
    display: inline-block;
    position: relative;
    height: 12px;
    width: 12px;
    border-radius: 12px;
    color: black;
    text-align: center;
    line-height: 12px;
    font-weight: bold;
    border: 1px solid #999;
    opacity: 1.0;
    margin-right: .5em
}

.cmm-usa-listview ul li span::after {
    content: "\2B9E";
    position: relative;
    color: #8B4513;
    font-size: 12px
}

.cmm-usa-listview ul li a {
    display: inline-block;
    margin: .5em 1em .5em 0;
    color: #ccc;
    text-decoration: none
}

.cmm-usa-listview ul li a.cmm-usa-live-link {
    color: #000;
    text-decoration: none;
    cursor: pointer;
    font-size: 14px;
}

.cmm-usa-listview ul li a.cmm-usa-live-link:hover {
   color: #000;
   text-decoration: underline;
   cursor: pointer
}

.backgroundFill {
   opacity: 0;
}

.cmm-usa-listview {
   font-size: 18px;
}

.rockhounding-post {
   font-family: 'Arial', sans-serif; /* Choose the same font-family as the rest of the page */
   line-height: 1.6;
   margin: 0 auto;
   max-width: 1200px;
   padding: 20px;
   text-align: left;
   box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
 }

@media screen and (max-width: 768px) {

.central-item {
    width: 85%; 
    margin: 0 auto; 
    padding: 20px;  
}


h2 {
    font-size: 22px;
    margin-bottom: 20px;
}

h3 {
    font-size: 20px;
    margin-bottom: 15px;
}

h4 {
    font-size: 18px;
    margin-bottom: 10px;
}

p, ul {
    font-size: 16px;
    margin-bottom: 20px;
    line-height: 1.5;
}

p, ol {
    font-size: 16px;
    margin-bottom: 20px;
    line-height: 1.5;
}

ul {
    list-style-type: disc;
    margin-left: 2px;
}

ul, li, ul, li {
    font-size: 16px; /* Set the font size to 16 pixels */
    line-height: 1.5; /* Adjust line height for better readability */
}

.rock-image {
    display: block !important;
    margin: auto !important;
    float: none !important;
    width: auto !important;
}

.tumbled-rock {
    display: inline;
    align-items: left;
    justify-content: flex-start;
    margin-bottom: 20px;
}

  .tumbled-rock img {
    margin-left: 0;
    max-width: 100%;
    max-height: 100%;
    margin-bottom: 20px;
    margin-top: 10px;
}

.map {
    width: 100%;
    /* Update the width */
  }

  .map-iframe {
    width: 100%;
    /* Update the width */
    height: 400px;
    /* Update the height */
  }

  .cmm-usa {
    width: 100% !important;
}

.cmm-usa-listview ul li a.cmm-usa-live-link {
    color: #000;
    text-decoration: none;
    cursor: pointer;
    font-size: 10px !important;
}

.cmm-usa-listview ul li span {
    display: flex;
    position: relative;
    height: 12px;
    width: 12px;
    border-radius: 12px;
    color: black;
    text-align: center;
    line-height: 12px;
    font-weight: bold;
    border: 1px solid #999;
    opacity: 1.0;
    margin-right: 0.5em;
    flex-direction: column;
    flex-wrap: wrap;
    align-content: center;
    align-items: center;
}

.rockhounding-post {
    font-family: 'Arial', sans-serif; /* Choose the same font-family as the rest of the page */
    line-height: 1.6;
    margin: 0 auto;
    max-width: 1200px;
    padding: 20px;
    text-align: left;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
  }

}