.main{
    width: 100%;
    height: 30vh;
    background: url('../images/3414647331010-793-sayfa-header.jpg');
    background-size: cover;
    display: flex;
    align-items:end;
    justify-content: center;
    filter: brightness(45%);
}

.referansContainer{
    padding: 5rem;
    text-align: center;
    margin-top: 10rem;
    width: 90%;
    margin-left: 5%;
    box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.1);
    background-color: white;
}
.text{
    font-size: 2.5rem;
    margin-top: 3rem;
    margin-bottom: 2rem;
    text-align: center;
    opacity: 0.7;
    padding-bottom: 1rem;
}
.border{
    width: 70%;
    height: 1px;
    background-color: var(--text-black);
    margin-left: 15%;
}
.text a{
    opacity: 1.3;
    color: var(--second-color);
}
.referans{
    display: grid;
  grid-template-columns: repeat(auto-fit, minmax(20rem,auto));
  grid-gap: 15rem;  
  row-gap: 2rem;
  padding: 1rem;
  

}

.referans img{
    max-width: 20rem;
    margin-left: auto;
    margin-right: auto;
    height: 20rem;
    margin-top: 3rem;
    
}
.referans p{
    font-size: 1.8rem;
    margin-top: 4rem;
    text-align: center;
    padding-bottom: 3rem;
    color: var(--text-black);
}
#referansMain{
    box-shadow: none;
    border: none;
    background-color: transparent;
}

@media (max-width: 800px){
    .referansContainer{
        padding: 1rem;
    }

    .text{
        font-size: 2rem;
    }

    .referans{
        border-bottom: 1px solid var(--text-black);
    }
}