body
    background-color: #000000

.house-column
    display: table-cell !important
    float: none !important
    border-style: solid
    border-width: 1em
    text-align: center

    img
        margin: 1em
    img.banner
        max-width: 100%
    img.crest
        max-width: 65%
        
@media screen and (max-width: 600px)
    img.banner
        max-width: 40% !important
    img.crest
        display: none !important

#slytherin
    background-color: #011803
    border-color: #033807
    color: #a2bea4
#gryffindor
    background-color: #640c02
    border-color: #9c1203
    color: #dfc06b
#hufflepuff
    background-color: #664700
    border-color: #e3a000
    color: #e8b941
#ravenclaw
    background-color: #000c33
    border-color: #00165e
    color: #77b7d2
.points
    font-family: Garamond
    text-align: center

@media screen and (min-width: 601px)
    .points
        font-size: 7em
@media screen and (max-width: 600px)
    .points
        font-size: 4em
