.pkp_brand_footer{
	display:none
}

 .image-txt-container {
  display:flex;
  align-items:top;
  flex-direction: row;
}

figure {
  float: right;
  width: 45%;
  text-align: center;
  font-style: italic;
  font-size: smaller;
  text-indent: 0;
  border: thin silver solid;
  margin: 0.2em;
  padding: 0.2em;
}
figure2 {
  float: right;
  width: 50%;
  text-align: center;
  font-style: italic;
  font-size: smaller;
  text-indent: 0;
  border: thin green solid;
  margin: 0.5em;
  padding: 0.5em;
}
img.scaled {
  width: 100%;
}

.gallery{
  display: flex;
  width: 295px;
  margin: auto;
  border: 0px dashed red;
  justify-content: space-between;
}
figure{
  width: 140px;
  margin: 0;
}
figure img{
  width: 100%;
}
figure figcaption{
  text-align: left;
}

.gallery3{
  display: flex;
  width: 800px;
  margin: auto;
  border: 0px dashed red;
  justify-content: space-between;
}
figure{
  width: 450px;
  margin: 0;
}
figure img{
  width: 140%;
}
figure figcaption{
  text-align: left;
}
table{
border-collapse:collapse;
border:1px solid #FF0000;
}

table td{
border:1px solid #FF0000;
}


html { font-size:100%; } 

@media (min-width: 640px) { body {font-size:1rem;} } 
@media (min-width:960px) { body {font-size:1.2rem;} } 
@media (min-width:1100px) { body {font-size:1.5rem;} } 

/* Tablet Landscape */
@media screen and (max-width: 1060px) {
    #primary { width:67%; }
    #secondary { width:30%; margin-left:3%;}  
}

/* Tabled Portrait */
@media screen and (max-width: 768px) {
    #primary { width:100%; }
    #secondary { width:100%; margin:0; border:none; }
}

.container {
 display: grid;
 align-items: center; 
 column-gap: 5px;
}



.image-txt-container {
  display: flex;
  font-size: 14px; 
  align-items: center;
  flex-direction: row;
}

 




.text2 {
  font-size: 15px;
  padding-left: 20px;
}


    
    
/* Ensure the sidebar container allows overflow for the enlarged image */
.sidebar-container {
  position: relative;
  overflow: visible; /* Allow images to overflow when enlarged */
}

/* Style for the carousel images */
.carousel-image {
  transition: transform 0.5s ease, opacity 0.5s ease;
  cursor: pointer;
  z-index: 1;
}

/* Enlarge the image on hover (if you still want a hover effect) */
/* Uncomment if you want hover enlarge as well */
/*
.carousel-image:hover {
  transform: scale(1.2);
  opacity: 0.8;
}
*/

/* Overlay styling */
.image-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, 0.7);
  z-index: 1040;
}

/* Enlarged image styling */
.enlarged-image {
  position: fixed;
  top: 50%;
  left: 50%;
  max-width: 90vw;
  max-height: 90vh;
  transform: translate(-50%, -50%);
  z-index: 1050;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.5);
  cursor: pointer;
  transition: all 0.3s ease;
}

.container2 {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}
.container2 .img3 {
  flex: 0 0 40%;
  text-align: center;
}
.container2 .img3 img {
  width: 250px;
  height: 250px;
  object-fit: cover;
  border-radius: 50%;
}
.container2 .text2 {
  flex: 0 0 60%;
  padding-left: 20px;
}