/* <style> */
#uoa_footer {
	background-color: #1E6292;
	position: relative;
	margin-top: -300px; /* negative value of footer height */
	height: 290px;
	width: 100%;
	clear:both;
/*       max-width: 1160px;
       margin: 0 auto;  … commented out */
} 

#uoa_wrap {min-height: 100%;}
/**
* other table to div elements by cv 2016 with stuff from divTable.com
*/

.divTable{
         display: flex;
        flex-direction: column;
/*	was .. display: table; */
	width: 100%;
}
.divTableRow {
       display: flex;
/* was ... 	display: table-row; */
}
.divTableHeading {
	background-color: #EEE;
	display: table-header-group;
}
.divTableCell, .divTableHead {
        /* Makes cells flex to fill available space ... next line added */
        flex: 1; 
	background-color: #ffffff;
	border: 0px solid #DDDDDD;
/*	display: table-cell; ... commented out */
	padding: 10px 10px 10px 10px;
	font-size: 0.6em;
}
.divTableHeading {
	background-color: #EEE;
	display: table-header-group;
	font-weight: bold;
	font-size: 0.em;
}
.divTableFoot {
	background-color: #ffffff;
	display: table-footer-group;
	font-weight: bold;
	padding: 3px 4px 10px 4px;
	font-size: 0.6em;
}
.divTableBody {
	display: table-row-group;
}
.pkp_structure_footer_wrapper{
display:none;
}

#uoa_footer .logo_uoa{
   width:240px !important;
   height: 66px !important;
}
#uoa_footer .logo_uoa_bk{
   width:230px !important;
   height: 46px !important;
}

#uoa_footer .logo_uoa_ybk{
   width:100px !important;
   height: 37px !important;
}

@media (max-width: 600px) {
  .divTableRow {
    /* Stacks cells vertically */
    flex-direction: column; 
    border: 0px solid #ccc; /* Add borders for better visual separation */
    margin-bottom: 10px;
  }

  .divTableCell {
    border-bottom: 0px solid #eee; /* Optional: adds a line between stacked cells */
    text-align: justified;
    background-color: #ffffff;
    flex: 1;
    width: 100%;
  }
}
/* </style> */