.fix {
    position: fixed;
    width: 100%;
    z-index: 100;
    margin-top: -57px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

::-webkit-scrollbar {
    width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px grey;
    border-radius: 30px;
}

/* Handle */
::-webkit-scrollbar-thumb {
    background-color: #aaa;
    border-radius: 6px;
    transition: background-color .2s linear, width .2s ease-in-out;
    -webkit-transition: background-color .2s linear, width .2s ease-in-out;
    width: 6px;
    /* there must be 'right' for ps__thumb-y */
    right: 2px;
    /* please don't change 'position' */
    position: absolute;
}

    /* Handle on hover */
    ::-webkit-scrollbar-thumb:hover {
        background: #153d77;
    }



#mymenu {
    background: linear-gradient(#becfbf,white);
    height: 70px;
}

    #mymenu .navbar-nav li > a {
        /*text-transform: capitalize;*/
        color: #063c0d;
        text-decoration: none;
    }
    #mymenu .navbar-nav div > a {
        /*text-transform: capitalize;*/
        color: #063c0d;
    }
    #mymenu .navbar-nav :hover {
        /* background-color: #268018;*/
        border-bottom: 1px solid green;
        color: navy;
        transition: background-color 3s;
    }


    #mymenu .navbar-nav li.active > a {
        text-decoration: none;
        background-color: #becfbf;
        color: navy;
        border-radius: 15px;
    }

.aciklamalar_div {
    white-space: normal;
    font-size: 20px;
    line-height: 27px;
    font-weight: 300;
    color: #063c0d;
    font-family: Helvetica,Bahnschrift;
    /*display: flex;*/
    align-items: center;
    position: relative;
    vertical-align: middle;
    text-align: left;
    padding-top: 30px;
}

.orta_baslik {
    color: rgb(11, 60, 9);
    font-size: 34px;
    font-style: normal;
    font-weight: 600;
    height: auto;
    letter-spacing: normal;
    line-height: 41.4788px;
    text-align: center;
    text-rendering: optimizelegibility;
    text-size-adjust: 100%;
    font-family: Avro, serif;
    margin-top: 100px;
}

.orta_baslik1 {
    margin-top: 100px;
    font-weight: 700;
    font-family: Verdana, serif;
    font-size: 34.708px;
}

.orta_baslik3 {
    color: rgb(11, 60, 9);
    font-size: 34px;
    font-style: normal;
    font-weight: 600;
    height: auto;
    letter-spacing: normal;
    line-height: 41.4788px;
    text-align: center;
}

.orta_baslik2 {
    font-family: "Source Sans Pro", sans-serif;
    font-size: 28.6px;
    font-style: italic;
    font-weight: 400;
    height: auto;
    line-height: 48.62px;
    text-align: center;
    text-size-adjust: 100%;
}
@media (min-width: 70px) and (max-width: 999px) {
    #mymenu {
        height: auto;
        display: block;
    }

        #mymenu .navbar-nav li > a {
            /*text-transform: capitalize;*/
            color: #063c0d;
            text-decoration: none;
            width: 100px;
            text-align: center;
        }

        #mymenu .navbar-nav :hover {
            /* background-color: #268018;*/
            border-bottom: 1px solid green;
            color: navy;
            width: 100px;
            transition: background-color 3s;
        }

        #mymenu .navbar-nav li.active > a {
            text-decoration: none;
            background-color: #becfbf;
            color: navy;
            border-radius: 15px;
            width: 100px;
            text-align: center;
        }
}