@media (max-width: 768px) {
      .nav-links { display: none; }
      .hamburger { display: flex; }
      .portfolio-grid { grid-template-columns: 1fr 1fr; }
      footer { flex-direction: column; align-items: flex-start; }
      .section-news { padding: 30px 16px 10px; }
      .section-portfolio { padding: 0 16px 40px; }
	   .hero-placeholder {
      width: 100%;
      height: 100%;
      background: linear-gradient(135deg, #1a1a2e 0%, #2d2d2d 50%, #1a1a1a 100%);
      position: relative;
      overflow: hidden;
    }
	 .hero {
      position: relative;
      width: 100%;
      height: 200px;
      overflow: hidden;
      background: #1a1a1a;
    }
    }
    @media (max-width: 576px) {
      .portfolio-grid { grid-template-columns: 1fr; }
      .mobile-menu ul li a { font-size: 18px; padding: 18px 40px; }
	  
	    .hero-placeholder {
      width: 100%;
      height: 100%;
      background: linear-gradient(135deg, #1a1a2e 0%, #2d2d2d 50%, #1a1a1a 100%);
      position: relative;
      overflow: hidden;
    }
	 .hero {
      position: relative;
      width: 100%;
      height: 200px;
      overflow: hidden;
      background: #1a1a1a;
    }
    }