@media (max-width: 1024px){

    .content{ width: 80%; }

}

@media (max-width: 960px){
    .content{ width: 90%; }
}

@media (max-width: 960px){
    .content{ width: 96%; }
}

@media (max-width: 760px){
    #colEsquerda, #colDireita{ clear: both;float: none; width: 100%; }
    .coluna-metade{ float: none; width: 100%; }
}