.hakkamodal {
    position: absolute;
    //top: 0;
    //left: 0;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
    align-items: center;
    justify-content: center;
    width: 99vw; 
    height: 95vh; 
    background-color: rgba(0, 0, 0, 0.8); 
    //touch-action: none;
}

.hakkamodal-background {
	display: flex;
}	

.hakkamodal-content {
    position: relative;
    top: 60px;
    left: 0;
    align-items: center;
    justify-content: center;
    width: 99%;
    margin: 50px 10px 10px 10px;
    background-color: rgba(0, 0, 0, 0.85);
    border: darkgray 1px solid;
    border-radius: 0px;
}

.hakkamodal-content img {
    width: 100%;
    margin: 3px;
    //border: 2px solid gray;
}


@media (max-width: 768px) {

     .hakkamodal {
            position: absolute;
            //left: 0px;
            //top: 0px;
  	top: 50%;
  	left: 50%;
  	//transform: translate(-50%, -50%);
	    align-items: center;
	    justify-content: center;
	    //margin: 80px 30px 5px 5px;
            //transform: translate(-1%, -3%);
            width: 99%;
            height: 90%;
            //width: 95vw;
            //height: 90vh;
            //overflow: hidden;
        }


    .hakkamodal-content {
	position: relative;
	top: 70px;
	left: -5px; 
	//transform: translate(-1%, -3%);
	//align-items: center;
	//justify-content: center;
	//margin: 80px 30px 5px 5px;
	background-color: rgba(0, 0, 0, 0.85);
	width: 97%;
	border: darkgray 1px solid;
	border-radius: 0px;
	//overflow: hidden;
    }


        .hakkamodal-content img{
            width: 99%;
            height: auto;
	    margin: 3px;
            transition: transform 0.3s;
	    //transform-origin: center center;
	    //transition: transform 0.2s ease-out;
	    //will-change: transform;
	    cursor: zoom-in;
        }
}



.hakkamodal-close {
    position: absolute;
    top: -20px;
    right: 10px;
    width: 25px;
    height: 25px;
    background-color: darkgray;
    color: white;
    border-radius: 0;
    text-align: center;
    //line-height: 20px;
    text-decoration: none;
    font-size: 15px;
}

.hakkamodal-close-button-container{
    position:absolute;
    top:-10px;
    right:-10px;
}
.entry-content img {
    cursor: zoom-in;
}