/* ncam styles*/

    


    td, th {
      font-size: .9rem;
    }
	p {
      font-size: .9rem;
		text-align:justify;
    }

    .text-section, section {
      padding: 3rem 0;
    }

    .content-img{
      max-width: 100%;
      height: auto;
      border-radius: 10px;
      box-shadow: 0 4px 8px rgba(0,0,0,0.1);
    }

    .table {
      background: #fff;
      border-radius: 10px;
      overflow: hidden;
      margin-top: 2rem;
    }

    .table thead {
      background-color: #e9ecef;
    }

    a {
      color: #333;
      text-decoration: none;
    }
   

    .team-member, .building-img, .equipment-img, .printer-img {
      background: #fff;
      padding: 0.75rem;
      border-radius: 10px;
      transition: transform 0.3s;
    }

    .team-member:hover, .building-img:hover, .equipment-img:hover, .printer-img:hover {
      transform: translateY(-5px) scale(1.02);
    }

    .contact-box {
      background: #fff;
      padding: 2rem;
      border-radius: 10px;
      box-shadow: 0 0 10px rgba(0,0,0,0.05);
      margin-top: 2rem;
    }

    .section-title {
      text-align: center;
      margin-bottom: 3rem;
    }

  
	.cover-img {
  width: 100%;
  height: 300px; /* or any height you want */
  object-fit: cover;
  border-radius: 8px; /* optional, since you used 'rounded' */
}
.contact-box {
width:100%;
height:auto;
padding:15px;
border:1px solid #ddd;
border-radius:10px;
}

.light-color{
border:1px solid #D0BF90;
border-radius:10px;
background:#FFF9E7;
}

@media (max-width: 640px) {
	h1 {
      font-size: 1.6rem;
    }
	h2 {
      font-size: 1.2rem;
    }
h4 {
      font-size: 1rem;
    }
h5 {
      font-size: .8rem;
    }
	td, th {
      font-size: .8rem;
		
    }
	p {
      font-size: .8rem;
		text-align:justify;
    }

   
}