#gtop {
  width: 100%;
  max-width: 336px;
  height: 100%;
  max-height: 280px;
  margin-top: 15px;
  margin-bottom: 15px;
  margin-left:auto;
  margin-right:auto;
  text-align: center;
}

#gside {
  display: none;
}

#gbottom {
  width: 100%;
  max-width: 336px;
  height: 100%;
  max-height: 280px;
  margin-top: 15px;
  margin-bottom: 15px;
  margin-left:auto;
  margin-right:auto;
  text-align: center;
}

@media (min-width: 1200px) {

#gtop {
  width: 100%;
  max-width: 970px;
  height: 100%;
  max-height: 300px;
  margin-top: 15px;
  margin-bottom: 15px;
  margin-left:auto;
  margin-right:auto;
  text-align: center;
}

#gside {
  display: block;
  width: 300px;
  height: 100%;
  max-height: 600px;
  margin: 15px;
  float:left;
}

#gbottom {
  width: 100%;
  max-width: 970px;
  height: 100%;
  max-height: 300px;
  margin-top: 15px;
  margin-bottom: 15px;
  margin-left:auto;
  margin-right:auto;
  text-align: center;
}

}