Как реализована подобная шапка сайта? - Joomla 1.0: Шаблоны

/* LOGO
---------------------------------------------------------------------------- */

#fav-logo {
    height: 100%;
    width: 100%;
    margin: 20;
    padding: 40px 0px 0;
    text-align: center;
}
#fav-logo h1 {  
  margin: 100; 
}
.defaultLogo,
.mediaLogo {
  display: block;
  padding: 0;
  margin: 0;
}
.textLogo {
  color: #111;
  font-size: 40px;
  padding: 10px 0;
  margin: 10px 0;
  line-height: 30px;
}
.slogan {
  color: #777;
  font-size: 14px;
  line-height: 21px;
  padding: 0;
  margin: 0;
}
.showRetinaLogo {
  display: none;
}

/* Mobile */
@media (max-width: 1199px) {

  .row #fav-logo {
    width: 100%;
    padding-top: 0;
  }
  #fav-logo { 
    text-align: center;
    float: none;
    width: 100%;
  }

}
@media handheld, only screen and (max-width: 768px) {

  #fav-logo {
    margin-top: 0;
    padding-top: 0;
  }
  #fav-logo.span3 {
    margin-bottom: 0;
  }

}

}
@media handheld, only screen and (max-width: 1280px) {

  #fav-logo {
    margin-top: 0;
    padding-top: 0;
  }
  #fav-logo.span3 {
    margin-bottom: 0;
  }

}