#img{
    /* height: 650px !important; */
    /* overflow: hidden; */
}

#img img{
    width: 400px;
}

#but{
    width: 175px;
    height: 50px;
    float: left;
    background: #e5ae49;
    color: #ffffff;
    text-align: center;
    line-height: 50px;
    border-radius: 50px;
    font-family: 'Droid Serif', serif;
    font-size: 16px;
    font-weight: bold;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
    letter-spacing: 2px;
    border: 2px solid #e5ae49;
}

#but:hover{
    background: white;
    color: #e5ae49;
}

#ok{
    width:50% !important;
    height:400px !important;
}

#okk{
    width:50% !important;
    height:400px !important;
}

@media only screen and (min-width : 280px) and (max-width : 600px){
    #ok{
        width:100% !important;
        height:250px !important;
    }

    #okk{
        width:100% !important;
        height:300px !important;
    }
}