#home {
  height: 100%; }
  #home .title-bar {
    height: 60px;
    background-color: #003c43;
    color: white; }
    #home .title-bar h2 {
      text-transform: uppercase;
      margin: 0;
      align-self: center;
      margin-left: 12px;
      font-size: 38px; }
    #home .title-bar md-icon {
      margin-right: 1em;
      color: white;
      cursor: pointer;
      transition: color 0.25s; }
      #home .title-bar md-icon:hover {
        color: lightseagreen; }
  #home .content {
    height: calc(100% - 60px);
    padding: 0 2em; }
    #home .content .categoria {
      max-height: 100%;
      width: 50%;
      align-self: center;
      outline: none;
      cursor: pointer; }
      #home .content .categoria > div {
        padding: 1em; }
        #home .content .categoria > div img {
          max-width: 100%;
          max-width: 100%; }
        #home .content .categoria > div .categoria-title {
          background: white; }
          #home .content .categoria > div .categoria-title h2 {
            text-transform: uppercase;
            text-align: center;
            font-size: 36px; }
  #home .hidden-activator {
    width: 50px;
    height: 50px;
    cursor: text;
    position: absolute;
    left: 0;
    bottom: 0;
    outline: none; }