#top{
background: url(../images/bg.jpg) no-repeat center top;
}
xx#top .character{
position: relative;
top: -180px;
margin-bottom: -330px;
}
xx#top .character .character-right{
padding-right: 0;
}
.recipe-head{
 position: relative;
}

@media only screen and (max-width: 768px) {
cc.recipe-head{
 position: relative;
}
.recipe-head{
 position: static;
}

.column-head {
    bottom: 240px;
    top: auto;
}
#column {margin-top: -350px; margin-bottom: -8px;}

}


@media only screen and (max-width: 426px) {
  .column-head {
      bottom: 160px;
      top: auto;
  }
  #column {margin-top: -240px; margin-bottom: -8px;}
  .recipe-head{
   position: relative;
  }

}