.GridPage {
      max-width: 100%;
      padding: 3px;
      margin: 0 auto;
      }



.ClearFix:after {
      content: '.';
      display: block;
      overflow: auto;
      clear: both;
      visibility: hidden;
      height: 0;
      line-height: 0;
      }



.Coluna {
      float: left;
      
      }



.Coluna-14 {
      width: 7.14%;
      }



.Coluna-13 {
      width: 7.69%;
      }



.Coluna-12 {
      width: 8.33%;
      }



.Coluna-12-5x {
      width: 41.65%;
      }



.Coluna-11 {
      width: 9.09%;
      }



.Coluna-10 {
      width: 10%;
      }



.Coluna-9 {
      width: 11.11%;
      }



.Coluna-8 {
      width: 12.5%;
      }



.Coluna-7 {
      width: 14.28%;
      }



.Coluna-6 {
      width: 16.66%;
      }



.Coluna-6-3x {
      width: 50%;
      }



.Coluna-6-5x {
      width: 83.3%;
      }



.Coluna-3 {
      width: 33.33%;
      }



.Coluna-3-2x {
      width: 66.64%;
      }



@media (max-width: 1920px) {
      .Coluna-12 {
            width: 400px !Important;
            }
      }



@media (max-width: 1400px) {
      .Coluna-2 {
            width: 48% !Important;
            }
      }



.Coluna-2 {
      width: 50%;
      }



.Coluna-1 {
      width: 100%;
      }



.content {
      background: red;
      padding: 0;
      margin: 5px;
      padding: 15px;
      }





@media (max-width: 960px) {
      .Coluna-12 {
            width: 16.66%;
            }
      }

@media (max-width: 800px) {
      .Coluna-2 {
            width: 100% !Important;
            }
      }

@media (max-width: 34em) {
      .Coluna {
            width: 100%;
            }
      }