*{box-sizing:border-box;margin:0;padding:0}body{font-family:Arial,sans-serif;line-height:1.6;color:#333;background-color:#f9f9f9}h1,h2,h3{font-weight:bold;color:#333}h1{font-size:36px}h2{font-size:24px}h3{font-size:18px}p{font-size:16px;margin-bottom:10px}a{text-decoration:none;color:#337ab7}a:hover{color:#ffcc00}header{background-color:#333;color:#fff;padding:10px;text-align:center}header nav ul{list-style:none;display:flex;justify-content:center;flex-wrap:wrap;padding:0;margin:0}header nav ul li{margin:5px 10px}header nav a{color:#fff;padding:5px 10px;transition:background-color .3s;border-radius:5px}header nav a:hover{background-color:#555}header .logo{font-size:24px;color:#fff}header .logo a{text-decoration:none;color:#fff}@media(max-width:768px){header{padding:10px 15px}header nav ul{flex-direction:column;align-items:center}header nav ul li{margin:5px}header .logo{font-size:20px}}main{max-width:1200px;margin:20px auto;padding:20px}section{margin-bottom:40px}h2{font-size:1.5rem;margin-bottom:10px;text-align:center}.projects-container{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.project{background-color:#fff;border:1px solid #ddd;border-radius:8px;width:calc(25% - 20px);text-align:center;box-shadow:0 4px 8px rgba(0,0,0,.1);transition:transform .3s ease;margin-bottom:20px}.project:hover{transform:scale(1.05)}.project img{max-width:100%;border-radius:8px 8px 0 0}.project h3{font-size:1.125rem;margin-top:15px;color:#444}.project p{padding:0 10px;color:#666}.case-studies-container,.gallery-container{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.case-study{background-color:#fff;border:1px solid #ddd;border-radius:8px;width:280px;text-align:center;box-shadow:0 4px 8px rgba(0,0,0,.1);transition:transform .3s ease;margin-bottom:20px}.case-study:hover{transform:scale(1.05)}.case-study img{max-width:100%;border-radius:8px 8px 0 0}.case-study h3{font-size:1.125rem;margin-top:15px;color:#444}.case-study p{padding:0 10px;color:#666}.gallery-container img{width:200px;border:2px solid #ddd;border-radius:8px;transition:transform .3s ease,border-color .3s ease;margin-bottom:20px}.gallery-container img:hover{transform:scale(1.1);border-color:black}footer{background-color:#333;color:#fff;padding:10px;text-align:center;clear:both}footer p{font-size:1rem;margin-bottom:10px}@media screen and (max-width:768px){.projects-container,.case-studies-container,.gallery-container{flex-direction:column;align-items:center}.project,.case-study{width:80%}header nav ul{flex-direction:column}header nav ul li{margin-right:0;margin-bottom:10px}h1{font-size:2rem}h2{font-size:1.25rem}h3{font-size:1rem}}@media screen and (max-width:480px){h1{font-size:1.75rem}h2{font-size:1.125rem}h3{font-size:.875rem}.project,.case-study{width:100%}.gallery-container img{width:100%;max-width:250px}footer p{font-size:.875rem}}