.grid-container {
            display: grid;
            grid-template-columns: repeat(4, 200px);
            gap: 10px;
            padding: 10px;
            justify-self:center;
        }

        .card, .card-artist {
            border: 1px solid #ddd;
            border-radius: 8px;
            overflow: hidden;
            box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
            text-align: center;
            height: auto;
        }

        .card img {
            width: 100%;
            height: 150px;
            object-fit: cover;
        }

        .card-artist img{
              width: 100%;
            height: 150px;
            object-fit: cover;
            object-position: top;
        }

        .card-content {
            padding: 10px;
        }

        .card-content h3 {
            margin: 5px 0;
            font-size: 16px;
        }

        .card-content p {
            font-size: 12px;
            margin: 5px 0;
            height:75px;
        }

        .search-button a {
            display: inline-block;
            margin-top: 5px;
            padding: 5px 10px;
            background-color: #000;
            color: white;
            text-decoration: none;
            border-radius: 4px;
            font-size: 12px;
        }

        .intro {
            text-align: justify;
        }

       


        .social-links {
     margin-top: 10px;
    text-align: center;
    color: black;
    width: fit-content;
    padding: 10px;
    background: #fff;
    border-radius: 10px;
    min-width:180px;
    margin:auto;
    
        }
		
        .social-links img {
            width: 25px;
            height: 25px;
            margin: 5px;
            vertical-align: middle;
        }

        .social-links-list{display:flex;gap:5px;}

		.social-link {
			display:block;
      align-items: center;
    font-size: 12px;
		}


    .social-link a {
			text-decoration:none;
      color: #003b76ff;
		}

    .logo mg {
      width:100%;
      height:100%;
    }

    .logo img {
      width:150px;
      height:150px;
    }

    .label-social{
      font-weight : 700;
      margin-top:20px;
      margin-top: 0px !important;
    }

 @media (max-width: 900px) 
        {
            .grid-container {grid-template-columns: repeat(2, 175px);}
            .social-links-list {width: fit-content;margin: auto;display: block;}

            .social-link {margin: auto;text-align: left;width: auto;}
            

  
        }