body {
    margin: 0;
    font-family: Arial, sans-serif;
}

a:link {
	color: #009998;
}

a:visited {
	color: #A98549;
}
a:hover {
	color: #A98549;
}
a:active {
	color: #A98549;
}

.header {
    background: teal url('media/seacolour.png') repeat-x;
    background-color: #006666;
    color: white;
    text-align: center;
    padding: 20px 0;
  border-bottom: 2px solid #996600;
}

.header-text {
    font-size: 24px;
    margin: 0;
}

.main-content {
    padding: 20px;
    text-align: center;
}

.centered-image {
    max-width: 50%;
    height: auto;
    margin-bottom: 1px;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.info-block {
    text-align: center;
}

.bullet-list {
   display: flex;
    justify-content: center;
    list-style-type: none;
    padding: 0;
}


.bullet-list li {
    text-align: left;
    padding-left: 10px; /* Adjust the padding as needed */
}

.footer-info {
    text-align: center;
}

.footer-info hr {
  border: 1px solid #996600;
    margin-left: auto;
    margin-right: auto;
    max-width: 80%;
}


code { 
font-family: Arial, sans-serif; 
}

.payment-options {
    max-width: 5%;
    display: block;
    height: auto;
    margin-left: auto;
    margin-right: auto;
}

/* Media Queries for Responsive Design */

@media (min-width: 768px) {
    /* Your existing media query styles */

.centered-image {
    max-width: 20%;
}

.payment-options {
    max-width: 20%;
}


}