.makale-giris{width:100%;margin:0 auto;position:relative;height:300px}.makale-giris img{position:absolute;object-fit:cover;top:0;z-index:2;width:100%;height:100%;filter:brightness(.5)}.makale-giris h2{position:absolute;z-index:3;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:45px;text-align:center;font-weight:600;width:100%}article{padding:30px 0;width:70%;margin:0 auto}article h4{font-weight:600}article .resim-con{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap}article .resim-con img{width:32%;margin:10px 0;cursor:pointer;transition:0.2s}article .resim-con 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:rgb(255,255,255);font-size:40px;font-weight:700;transition:0.3s}.close:hover,.close:focus{color:rgb(255,255,255,.6);text-decoration:none;cursor:pointer}@media screen and (max-width:1050px){main article .resim-con img{width:47%}.popup-content{width:70%}}@media screen and (max-width:600px){.makale-giris h2{font-size:32px}article{width:90%;margin:0 auto}article h4{font-weight:600}}