Muda css junto com resolução

Tenho 3 divs, queria muda as propriedade delas para elas ficarem menores, tipo witdh 100% e uma em baixo da outra tiipo float left - morre, quando eu muda a resoluçao da minha tela estilo layout responsivo meu css é esse aqui

.bloco1{
width:698px. height:300px. float:left. background-color:#930. }.bloco2{
width:300px. height:300px. float:left. margin-left: 2px. background-color:#09F. }.bloco3{
width:1000px. height:300px. margin-top:2px. float:left. background-color:#F03. }