body { font-family: 'Montserrat', sans-serif; }
.hero h1 { font-size: 3rem; font-weight: 700; }
.hero p { font-size: 1.2rem; }
.small-text { font-size: 0.8rem;  }
img { object-fit: cover; transition: transform 0.3s ease; }
.service-card img: hover, .portfolio-card img:h over { transform: scale(1.05); }
#services img { height: 300px; width: 100%; object-fit: cover; }
#portfolio img { height: 120px; width: 35%; object-fit: cover; justify-left}
.client-img { width: 120px; height: 120px; object-fit: cover; border-radius: 50%; border: 2px solid #ccc; }
.logo-img {  max-height: 40px; object-fit: cover;  overflow: visible; }
#team img { height: 200px; width: 200px; object-fit: cover; border-radius: 50%; }
.navbar.scrolled { background-color: #333 !important; transition: background-color 0.3s ease; }

.full-screen-background { background-size: cover; background-attachment: fixed; background-position: center center; display: flex;  justify-content: center; align-items: center; }

.p2 { font-size: 1.2rem; color: teal }

.navbar-sticky {    position: sticky;     top: 0; }

.center-block. { width: 80%; margin-left: auto; margin-right: auto }