main .logolar-giris{display:flex;width:70%;margin:0 auto;padding:50px 0;flex-direction:column}main .logolar-giris h1{font-size:34px;margin-bottom:30px;font-weight:600;text-align:left}main .logolar-giris .logolar-container{display:flex;flex-wrap:wrap;justify-content:space-around;position:relative}main .logolar-giris .logolar-container img{display:inline-block;width:32%;aspect-ratio:6/5;position:relative;object-fit:cover;margin-bottom:20px;transition:all .2s ease-in-out}main .logolar-giris .logolar-container img:hover{filter:brightness(.6)}.popup{display:none;position:fixed;z-index:1000;left:0;justify-content:center;align-items:center;top:0;width:100%;height:100%;overflow:auto;background-color:rgba(0,0,0,.8)}.popup-content{margin:auto;display:block;width:80%;max-width:700px}.close{position:absolute;top:15px;right:35px;color:#fff;font-size:40px;font-weight:700;transition:.3s}.close:focus,.close:hover{color:rgb(255,255,255,.6);text-decoration:none;cursor:pointer}@media screen and (max-width:1050px){main .logolar-giris{width:80%}main .logolar-giris .logolar-container img{width:100%}main .logolar-giris .logolar-container img:hover{filter:brightness(1)}.popup-content{width:90%}}@media screen and (max-width:550px){main .logolar-giris h1,main .portfolyo-giris h1{font-size:28px}main .portfolyo-giris .portfolyo-container div h2{font-size:20px}}