Me responsive doesn't work

html-css

#1

In dont understand i used media querys to modify the size of my bouton but that doesn t work =/.
( i modify the bootstrap css off btn-default so, that why i wait to change some values)

My html


<div class="container">
      <div class="row">
        <div class="col-xs-5">
          <button class= "btn btn-default"></button>
        </div>
        <div class="col-xs-5">
          <button class= "btn btn-default"></button>
        </div>
        <div class="col-xs-2">
          <button class= "btn btn-default"></button>
        </div>
      </div>
    </div>


My CSS

#btn_1{
    width:85px;
    height:85px;
    background:#cc0000;
    font:bold 13px Arial;
    border-radius:50%;
    border:none;
    color:#fff;

}


@media screen and (max-width: 620px){

    #btn_1{
        height: 50px;
        width: 50px;
    }
}


#2

i don't understand, you don't have any element with id btn_1. why do you use it in css?


#3

oh well... i dont saw thx mate