.top-frame{
    font-size: 13px;
}

.space-for-fixed {
    height: 107px;
}
@media (max-width:603px) {
    .space-for-fixed {
        height: 140px;
    }
}
@media (max-width:397px) {
    .space-for-fixed {
        height: 200px;
    }
}




.slyt {
    background-image: url('/upload/genel/slayt-1.jpg');
    height: 800px;
    background-size: auto 100%;
    background-position-x: center;
}

.slayt-yazi {
    z-index: 2;
    position: absolute;
    margin: 200px 0 0 20%;
    font-family: roboto;
    width:70%;
}

    .slayt-yazi h2 {
        font-size: 4em;
    }

    .slayt-yazi h3 {
        font-size: 1.2em;
    }

@media (max-width:1200px) {
    .slyt {
        height: 700px;
    }

    .slayt-yazi {
        margin: 180px 0 0 20%;
    }

        .slayt-yazi h2 {
            font-size: 4em;
        }

        .slayt-yazi h3 {
            font-size: 1.2em;
        }
}

@media (max-width:992px) {
    .slyt {
        height: 600px;
    }

    .slayt-yazi {
        margin: 160px 0 0 20%;
    }

        .slayt-yazi h2 {
            font-size: 3em;
        }

        .slayt-yazi h3 {
            font-size: 1em;
        }
}

@media (max-width:768px) {
    .slyt {
        height: 500px;
    }

    .slayt-yazi {
        margin: 140px 0 0 20%;
    }

        .slayt-yazi h2 {
            font-size: 2.5em;
        }

        .slayt-yazi h3 {
            font-size: 0.8em;
        }
}

@media (max-width:576px) {

    .slyt {
        height: 400px;
    }

    .slayt-yazi {
        margin: 120px 0 0 20%;
    }

        .slayt-yazi h2 {
            font-size: 2em;
        }

        .slayt-yazi h3 {
            font-size: 0.7em;
        }
}