body {
    font-family: Arial, sans-serif;  
    margin: 0;  
    background-color: #f4f4f4;  
    color: #000000;  
}

 
.shapka {
    background-color: rgb(0, 0, 0);  
    color: white;  
    padding: 20px 0;  
    text-align: center;  
}

.shapka .text-shapka {
    max-width: 960px;  
    margin: 0 auto;  
    padding: 0 20px;  
}

.shapka h1 {
    margin: 0;  
    font-size: 2.5em;  
}

.shapka p {
    font-size: 1.2em;  
    margin-top: 5px;  
}

 
.photo-section {
    max-width: 960px;  
    margin: 20px auto;  
    padding: 20px;  
    background-color: #fff;  
    border-radius: 8px;  
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);  
}

.photo-section h2 {
    text-align: center;  
    color: #555;  
    margin-bottom: 30px;  
}

.photo-gallery {
    display: grid;  
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));  
    gap: 15px;  
    justify-content: center;  
}

.photo-gallery img {
    width: 100%;  
    height: 150px;  
    object-fit: cover;  
    border-radius: 5px;  
    box-shadow: 0 1px 3px rgba(0,0,0,0.1);  
    transition: transform 0.2s ease-in-out;  
}

.photo-gallery img:hover {
    transform: scale(1.03);  
}

 
@media (max-width: 768px) {
    .shapka .text-shapka,
    .photo-section {
        padding: 15px;  
    }

    .shapka h1 {
        font-size: 2em;  
    }

    .shapka p {
        font-size: 1em;  
    }
}

@media (max-width: 480px) {
    .photo-gallery {
        grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));  
    }
}