html,body {
  width: 100%;
  height: 100%;
  font-family: Arial, Helvetica, sans-serif;
}

// This is wrapper.
body > .ember-view {
    min-height: 100%;
    position: relative;
}

@media print {
    #content {
        padding-bottom: 50px; /* Height of the footer element */
    }
}

@media screen {
    #content {
        padding-bottom: 175px; /* Height of the footer element */
    }
}

@media (max-width: 499px) {
    .autojustify { text-align: left }
}

@media (min-width: 500px) {
    .autojustify { text-align: justify }
}


html,body {
  width: 100%;
  height: 100%;
  font-family: Arial, Helvetica, sans-serif;
}

// This is wrapper.
body > .ember-view {
    min-height: 100%;
    position: relative;
}

@media print {
    #content {
        padding-bottom: 50px; /* Height of the footer element */
    }
}

@media screen and (max-width: 359px) { #content { padding-bottom: 318px; } }
@media screen and (min-width: 360px) { #content { padding-bottom: 258px; } }
@media screen and (min-width: 660px) { #content { padding-bottom: 178px; } }

@media (max-width: 499px) {
    .autojustify { text-align: left }
}

@media (min-width: 500px) {
    .autojustify { text-align: justify }
}


Scale footer according to icons.
Scale footer according to icons.
