@media print {
  .no-print, .no-print * {
    display: none !important;
  }
}

body, p, td {
  background-color: white;
  font-family: Verdana,Geneva,Arial,Helvetica,sans-serif;
  font-size: 14px;
  color: black;
  margin: 0 0 0 0;
  padding: 5px 10px 5px 10px;
}

h5 {
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 26px;
}

#myBtn {
  display: none;
  position: fixed;
  bottom: 20px;
  right: 30px;
  z-index: 99;
  font-size: 18px;
  border: none;
  outline: none;
  background-color: #bae2fc;
  color: black;
  cursor: pointer;
  padding: 15px;
  border-radius: 4px;
}

.updated {
  font: inherit;
  color: red;
  text-align: left;
}

.updatedC {
  font: inherit;
  color: red;
  text-align: center;
}

.redbold {
  color: red;
  font-weight: bold;
  text-align: center;
}

a:link {
  color: blue;
}

a:visited {
  color: blue;
}

a:hover {
  color: red;
}

table {
  margin: 0 auto;
}

table {
  border-collapse: collapse;
}

table, th, td {
  border: 1px solid black;
  text-align: right;
}

thead {
  font-weight: bold;
}

.noprint {
}

@media print {
.no-print,.no-print * {
display:none!important;
}
}

h5 {
font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size:26px;
}

.updated {
text-align:center;
font:inherit;
color:red;
}

.redbold {
color:red;
font-weight:700;
}

a:hover {
color:red;
}

.phone {
font-size:100%;
}

.phonetag {
font-size:80%;
}

table {
border-collapse:collapse;
margin:0 auto;
}

table,th,td {
border:1px solid #000;
text-align:right;
}

thead {
font-weight:700;
}

a:link,a:visited {
color:blue;
}


.tellnos {
  padding-left: 10px;
}

ul {
  padding-left: 80px;
}

a.phone:link {
  text-decoration: none;
  color: #000;
  cursor: default;
}

a.phone:visited {
  text-decoration: none;
}

a.phone:hover {
  text-decoration: none;
}

a.phone:active {
  text-decoration: none;
}



/* ----- Responsive typography (viewport width, not device models) ----- */

/* Phones and narrow viewports (includes iPhone 15 Pro and similar) */
@media screen and (max-width: 767px) {
  body, h3, p {
    font-size: 100%;
    padding: 5px 10px;
    text-align: justify;
  }

  li {
    font-size: 100%;
    padding: 5px 20px 5px 10px;
    margin: 0 0 0 35px;
    text-align: justify;
  }

  h5 {
    font-size: 100%;
  }

  td {
    font-size: 100%;
  }

  .nowrap {
    white-space: nowrap;
  }
}

/* Tablets */
@media screen and (min-width: 786px) and (max-width: 1366px) {
  body, h3, p {
    font-size: 110%;
    padding: 5px 20px;
    text-align: justify;
  }

  li {
    font-size: 100%;
    padding: 5px 20px 5px 10px;
    margin: 0 0 0 35px;
    text-align: justify;
  }

  h5 {
    font-size: 100%;
  }

  td {
    font-size: 100%;
  }
}

@media screen and (min-width: 1367px) {
  body {
    width: 55%;
    margin-left: auto;
    margin-right: auto;
    box-sizing: border-box;
    font-size: 95%;
  }
}

/* Large screens (desktop): centred column ~65% of viewport — above iPad Pro landscape */
@media screen and (min-width: 1367px) {
  #ddMenu {
    /* body is 65% centred: inset = (100vw - 65vw) / 2, plus body horizontal padding */
    left: calc((100vw - 65vw) / 2 + 10px);
  }

/* Very wide screens: keep line length comfortable */
@media screen and (min-width: 1920px) {
  body, h3, p {
    max-width: 1024px;
    margin-right: auto;
    margin-left: auto;
    font-size: 95%;
  }
}