.gizle {
    visibility: hidden;
}
.goster {
    visibility: visible;
}

.menuhover:hover {
    background-color:cornflowerblue;
   color:red;
}

.kucuk_harf {
    text-transform: capitalize;
   
}

.rotator-wrapper {
    position: relative;
}

    .rotator-wrapper span {
        display: inline-block;
        /*min-width: 255px;*/
        text-align: center;
        font-size:1.2em;

    }

        .rotator-wrapper span span {
            position: absolute;
            font-weight: bold;
            top: 0px;
            opacity: 0;
            animation: rotateWord 18s linear infinite 0s;
            color: #00a3c8;
        }

            .rotator-wrapper span span:nth-child(2) {
                animation-delay: 3s;
            }

            .rotator-wrapper span span:nth-child(3) {
                animation-delay: 6s;
            }

            .rotator-wrapper span span:nth-child(4) {
                animation-delay: 9s;
            }

            .rotator-wrapper span span:nth-child(5) {
                animation-delay: 12s;
            }

@keyframes rotateWord {
    0% {
        opacity: 0;
    }

    2% {
        opacity: 0;
        transform: translateY(-30px);
    }

    5% {
        opacity: 1;
        transform: translateY(0px);
    }

    15% {
        opacity: 1;
        transform: translateY(0px);
    }

    20% {
        opacity: 0;
        transform: translateY(30px);
    }

    80% {
        opacity: 0;
    }

    100% {
        opacity: 0;
    }
}
@media only screen and (max-width:480px) {
    .parent {
        /*width: 70% !important;*/
        height: auto !important;
        /*min-height: 100px !important;*/
        font-size: 3vw !important;
        display: inline !important;
    }
    .ustbirak {
        padding-top: 100px !important;
    }
}
@media only screen and (min-width: 481px) and (max-width:767px) {
    .parent {
        /*width: 70% !important;*/
        height: auto !important;
        /*min-height: 100px !important;*/
        font-size: 3vw !important;
        display: inline !important;
    }

    .ustbirak {
    padding-top:100px!important;
    }
}
@media only screen and (min-width: 768px) and (max-width:1023px) {
    .parent {
        /*width: 70% !important;*/
        height: auto !important;
        /*min-height: 100px !important;*/
        font-size: 1vw !important;
        display: inline !important;
    }
}
@media only screen and (min-width: 1024px){
    .parent {
        /*width: 70% !important;*/
        height: auto !important;
        /*min-height: 100px !important;*/
        font-size: 1vw !important;
        display: inline !important;
    }
}