[class*='bit-'] {
  float: left;
  z-index:1; }

.bit-1 {
  width: 100%; }

.bit-2 {
  width: 50%; }

.bit-3 {
  width: 33.33333%; }

.bit-4 {
  width: 25%;
}
.bit-4a {
  width: 25%;
  padding-right: 5px;
  padding-bottom: 5px;
}
.bit-4b {
  width: 25%;
  padding-right: 5px;
  padding-bottom: 5px;
}
.bit-4c {
  width: 25%;
  padding-right: 5px;
  padding-bottom: 5px;
}
.bit-4d {
  width: 25%;
  padding-bottom: 5px;
}
.bit-5 {
  width: 20%; }

.bit-6 {
  width: 16.66667%; }

.bit-7 {
  width: 14.28571%; }

.bit-8 {
  width: 12.5%; }

.bit-9 {
  width: 11.11111%; }

.bit-10 {
  width: 10%; }

.bit-11 {
  width: 9.09091%; }

.bit-12 {
  width: 8.33333%; }

.bit-25 {
  width: 25%; }

.bit-40 {
  width: 40%; }

.bit-60 {
  width: 60%; }

.bit-75 {
  width: 75%; }
  @media screen and (max-width: 1050px) {
  .bit-4 {
  width: 50%;
}
.bit-4a {
  width: 50%;
  padding-right: 5px;
  padding-bottom: 5px;
}
.bit-4b {
  width: 50%;
  padding-right: 0px;
  padding-bottom: 5px;
}
.bit-4c {
  width: 50%;
  padding-right: 5px;
  padding-bottom: 5px;
}
.bit-4d {
  width: 50%;
  padding-right: 0px;
  padding-bottom: 5px;
}
  }  
  @media screen and (max-width: 800px) {
  .bit-1 {
    width: 100%; }
  .bit-2 {
    width: 100%; }
  .bit-3 {
    width: 100%; }
  .bit-4 {
    width: 50%; }
  .bit-4a, .bit-4b, .bit-4c, .bit-4d {
    width: 100%;
	padding-right: 0px;
	padding-bottom: 5px;
	 }
 }
  @media screen and (max-width: 500px) {
  .bit-4 {
    width: 100%; }
 }