body{
    background-color: #ff632a!important;
    transition: all 0.5s ease-in-out;
}

.merves{
    font-size: 350px!important;
    font-weight: bold!important;
    line-height: 0.9!important;
    margin-top: 50px;
    transition: all 0.5s ease-in-out;
}

.cok-yakinda{
    font-size: 140px!important;
    letter-spacing: 50px;
    transition: all 0.5s ease-in-out;
}

.kus{
    width: 250px;
    margin: 100px 0 0 0;
    transition: all 0.5s ease-in-out;
}

@media only screen and (max-width: 1470px){
    .merves{
        font-size: 300px!important;
    }
    .cok-yakinda{
        font-size: 110px!important;
        letter-spacing: 45px;
    }
    .kus{
        width: 200px;
    }
}

@media only screen and (max-width: 1275px){
    .merves{
        font-size: 250px!important;
    }
    .cok-yakinda{
        font-size: 85px!important;
        letter-spacing: 40px;
    }
    .kus{
        width: 150px;
    }
}

@media only screen and (max-width: 1062px){
    .merves{
        font-size: 200px!important;
    }
    .cok-yakinda{
        font-size: 65px!important;
        letter-spacing: 35px;
    }
    .kus{
        width: 100px;
    }
}

@media only screen and (max-width: 882px){
    .merves{
        font-size: 150px!important;
    }
    .cok-yakinda{
        font-size: 50px!important;
        letter-spacing: 30px;
    }
    .kus{
        width: 100px;
    }
    body{
        margin: 200px 0 0 0!important;
    }
}

@media only screen and (max-width: 635px){
    .merves{
        font-size: 100px!important;
    }
    .cok-yakinda{
        font-size: 25px!important;
        letter-spacing: 25px;
    }
    .kus{
        width: 100px;
    }
    body{
        margin: 200px 0 0 0!important;
    }
}

@media only screen and (max-width: 430px){
    .merves{
        font-size: 75px!important;
    }
    .cok-yakinda{
        font-size: 15px!important;
        letter-spacing: 25px;
    }
    .kus{
        width: 100px;
    }
    body{
        margin: 200px 0 0 0!important;
    }
}