@media
only screen and (-webkit-min-device-pixel-ratio: 2)      and (max-width: 840px),
only screen and (   min--moz-device-pixel-ratio: 2)      and (max-width: 840px),
only screen and (     -o-min-device-pixel-ratio: 2/1)    and (max-width: 840px),
only screen and (        min-device-pixel-ratio: 2)      and (max-width: 840px),
only screen and (                min-resolution: 192dpi) and (max-width: 840px),
only screen and (                min-resolution: 2dppx)  and (max-width: 840px) {

  /* Override media query here */
}


.wide {
  width:100%;
  background-color: lightgreen;
}

#homepage_fulltext {
  display: none;
  visibility: hidden;
}



/* --------------------------------------------------
Common CSS
-------------------------------------------------- */

body, html {
  font-size: 18pt;
}


/* --------------------------------------------------
CSS for Frame containers
-------------------------------------------------- */

div.panelselector {
  width: 100%;
  height: 20px;
  background-color: lightgreen;
}


div.panelselector:before {
  content: "SMALL";
  position: absolute;
  font-size: 14pt;
  margin:0;
  padding:0;
}
div.paneltop {
  display: none;
  visibility: hidden;
}

div.panelmenu {
  font-size: 18pt;
}

div.panelcontentrow {
}

div.panelcontentleft {
  display: none;
  visibility: hidden;
}

div.panelcontentright {
  display: none;
  visibility: hidden;
}

div.panelcontent {
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 20px;
  width: 100%;
  margin-top: 12pt;
  margin-bottom: 14pt;
}
div.panelcontent img {
  float: left;
  width: 100%;
}

div.panelrowservices {
  width: 100%;
  margin-top: 14pt;
  margin-bottom: 14pt;
  margin-left: auto;
  margin-right: auto;
  height: auto;
}

div.panelrowservices_box_content {
  display: flex;
  flex-direction: column;  /* Stack divs vertically */
  justify-content: center; /* Optional: vertically center the content if needed */
  align-items: center;     /* Center the divs horizontally */
  width: 100%;             /* Ensure the container takes the full width */
  height: auto;
}

#servicerow_leftfloat,
#servicerow_rightfloat {
  width: auto;            /* Let divs take only as much space as they need */
  margin: 10px 0;         /* Space between the divs */
  text-align: center;     /* Ensure text inside the divs is centered */
  height: auto;
}

div.paneloccasions {
  width: 100%;
}

div.panelsocialicons {
  width: 100%;
}

#footer_box1 {
  display: none;
  visibility: hidden;
}

#footer_box {
  width: 100%;
  float: left;
  margin-left:auto;
  margin-right:auto;
  border-bottom: 1px solid #CCC;
}

th,tr  {
  font-size: 14pt;
}

a {
  font-size: 18pt;
}