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

.logo {
        color: #cc0000;
        font-size: 50px;
        font-weight: 900;
        margin-top: 100px;
        margin-bottom: 70px;
        text-align: center;
        font-family: 'Economica', 'Lucida Grande', Lucida, Verdana, sans-serif;
}

.footer {
        text-align: center;
        margin: auto;
        width: 335px;
        font-size: 15px;
        color: #555;
        font-family: 'Economica', 'Lucida Grande', Lucida, Verdana, sans-serif;
}

.portfolio-section {
        text-align: center;
        margin: 10px auto;
        margin-bottom: 20px;
        width: 100%;
        font-size: 24px;
        font-family: 'Economica', 'Lucida Grande', Lucida, Verdana, sans-serif;
}

.portfolio-section-title {
        color: #a39f9f;
        margin-bottom: 10px;
        font-weight: bold;
}

.portfolio-section-content {
        margin-bottom: 40px;
}

#portfolio-info {
        text-align: center;
        font-size: 18px;
        margin-top: 15px;
        min-height: 24px;
        font-family: 'Economica', 'Lucida Grande', Lucida, Verdana, sans-serif;
        margin-bottom: 30px;
}

.portfolio-section img {
        filter: grayscale(100%);
        transition: filter 0.3s ease, transform 0.3s ease;
        margin: 0 15px;
}

.portfolio-section img:hover {
        filter: grayscale(0%);
        transform: scale(1.1);
}

/* Responsive styles */
@media (max-width: 768px) {
        .logo {
                width: 90%;
                padding-top: 50px;
                padding-left: 15px;
                padding-right: 15px;
        }
        
        .footer {
                width: 90%;
                font-size: 14px;
        }
        
        .portfolio-section {
                font-size: 20px;
        }
        
        .portfolio-section img {
                margin: 10px 8px !important;
        }
}

@media (max-width: 480px) {
        .logo {
                padding-top: 30px;
        }
        
        .portfolio-section {
                font-size: 18px;
        }
        
        .portfolio-section img {
                margin: 8px 5px !important;
        }
}