/* TEST CSS*/
.keep_left {
  width:70%;
  float:left;
}

.keep_right {
  float:right;
  width:30%;
}

.hide_this {
  display:block;
}

.show_this {
  display:none;
}




@media only screen and (min-width: 768px) and (max-width: 987px) {

 .keep_left {
  width:100%;
  float:none;
}

.keep_right {
    float:none;
    width:100%;
}

.hide_this {
  display:none;
}

.show_this {
    display:block;
}

}



@media only screen and (min-width: 480px) and (max-width: 767px) {

.keep_left {
  width:100%;
  float:none;
}

.keep_right {
	float:none;
    width:100%;
}

.hide_this {
  display:none;
}

.show_this {
display:block;
 }

}



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

  .keep_left {
  width:100%;
  float:none;
}
  .keep_right {
    float:none;
    width:100%;
  }

  .hide_this {
  display:none;
}

   .show_this {
    display:block;
  }


}