div#orta {
    display: none;
}
div.orta {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.7);
    border: 2px solid #fff;
    min-height: 93%;
    left: 21%;
    margin: 0;
    padding: 20px 25px;
    position: absolute;
    top: -2px;
    width: 50%;
    z-index: 99;
}
div.orta > h1.baslik {
    color: #fff;
    display: block;
    font: 40px gnbook;
    letter-spacing: -1px;
    margin-bottom: 10px;
}
div.orta > p {
    font: 11px/20px arial;
    color: #fff;
    font-size-adjust: none;
    font-stretch: normal;
}
div.orta > div.kapat {
    color: #fff;
    cursor: pointer;
    font: bold 30px arial;
    position: absolute;
    right: 25px;
    top: 5px;
}

@media screen and (min-width: 1600px) { 

div.orta {
    width:34%;
    left: 15%;
}

div.orta > h1.baslik {
    font: 25px arial;
}
div.orta > p {
    font: 16px/20px arial;
}
}