/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : May 13, 2025, 9:59:28 AM
    Author     : DELL
*/
@media (max-width: 768px) {
.main{
        padding: 0;
        margin: 0;
    }
    .box{
        padding: 0;
        margin: 0;
    }
    .table{
        padding:1% 5%;
    }
    .project-table {
  width: 100%;
  border-collapse: collapse;
  font-family: Arial, sans-serif;
  text-align: left;
  margin-top: 20px;
}

.project-table caption {
  font-size: 5vw;
  font-weight: bolder;
  color: #00aeef;
  margin-bottom: 10px;
}

.project-table th,
.project-table td {
  font-size: 2vw;
  border: 1px solid #ccc;
  padding: 10px;
  vertical-align: top;
text-align: center;       /* horizontal */
vertical-align: middle;   /* vertical */
}
tr td:nth-of-type(2){
    text-align: left;
}
.project-table thead th {
    background-color: #aaeaff;
  font-weight: bold;
}

.donor-logo {
  width: 10vw;
  height: auto;
}
}
@media (min-width: 768px) {
    .main{
        padding: 0;
        margin: 0;
    }
    .box{
        padding: 0;
        margin: 0;
    }
    .table{
        padding:1% 5%;
    }
    .project-table {
  width: 100%;
  border-collapse: collapse;
  font-family: Arial, sans-serif;
  text-align: left;
  margin-top: 20px;
}

.project-table caption {
  font-size: 20px;
  font-weight: bold;
  color: #064635;
  margin-bottom: 10px;
}

.project-table th,
.project-table td {
  border: 1px solid #ccc;
  padding: 10px;
  vertical-align: top;
text-align: center;       /* horizontal */
vertical-align: middle;   /* vertical */
}
tr td:nth-of-type(2){
    text-align: left;
}
.project-table thead th {
    background-color: #aaeaff;
  font-weight: bold;
}

.donor-logo {
  width: 60px;
  height: auto;
}
}