* {
    font-family: 'Open Sans', Arial, sans-serif;
}
.tides-widget__container {
    max-width: 100% !important;
    border: 0px solid rgba(255, 255, 255, 0) !important;
}

.tides-widget__container .tides-widget__tables{
  grid-template-columns: repeat(auto-fill, minmax(255px, 1fr)) !important;
}

.tides-widget__copyright {
    display: none;
  }
  #tidewidget__2487 h2 {
    text-transform: capitalize;
  }


    #tidewidget__2487 {
      background-color: #ffffff; /* Light blue background */
      padding: 0px;
      font-family: Arial, sans-serif;
      max-width: 100%; /* Set the max width to 100% */
      box-sizing: border-box; /* Include padding and border in the element's total width */
      width: 100%; /* Make the widget take full width of its parent */
      text-align: center; /* Center the text */
    }

    #tidewidget__2487 h1 {
      /* color: #004080; Navy blue title color */
      font-size: 1.5em; /* Adjust font size for responsiveness */
    }

    #tidewidget__2487 .weather {
      font-size: 12px; /* Adjust font size for the weather text */
    }

    /* Extra small devices (phones, 480px and down) */
    @media (max-width: 480px) {
      #tidewidget__2487 {
        padding: 8px; /* Adjust padding for extra small screens */
      }

      #tidewidget__2487 h1 {
        font-size: 1.25em; /* Adjust font size for extra small screens */
      }

      #tidewidget__2487 .weather {
        font-size: 10px; /* Adjust font size for extra small screens */
      }
    }

    /* Small devices (phones, 481px to 768px) */
    @media (min-width: 481px) and (max-width: 768px) {
      #tidewidget__2487 {
        padding: 10px; /* Adjust padding for small screens */
      }

      #tidewidget__2487 h1 {
        font-size: 1.5em; /* Adjust font size for small screens */
      }

      #tidewidget__2487 .weather {
        font-size: 11px; /* Adjust font size for small screens */
      }
    }

    /* Medium devices (tablets, 769px to 1024px) */
    @media (min-width: 769px) and (max-width: 1024px) {
      #tidewidget__2487 {
        padding: 15px; /* Adjust padding for medium screens */
      }

      #tidewidget__2487 h1 {
        font-size: 1.75em; /* Adjust font size for medium screens */
      }

      #tidewidget__2487 .weather {
        font-size: 12px; /* Adjust font size for medium screens */
      }
    }

    /* Large devices (desktops, 1025px to 1440px) */
    @media (min-width: 1025px) and (max-width: 1440px) {
      #tidewidget__2487 {
        padding: 0px; /* Default padding for large screens */
      }

      #tidewidget__2487 h1 {
        font-size: 1.75em; /* Adjust font size for large screens */
      }

      #tidewidget__2487 .weather {
        font-size: 12px; /* Adjust font size for large screens */
      }
    }

    /* Extra large devices (desktops, 1441px and up) */
    @media (min-width: 1441px) {
      #tidewidget__2487 {
        padding: 25px; /* Adjust padding for extra large screens */
      }

      #tidewidget__2487 h1 {
        font-size: 2em; /* Adjust font size for extra large screens */
      }

      #tidewidget__2487 .weather {
        font-size: 14px; /* Adjust font size for extra large screens */
      }
    }