.common {
    color:#000;
}
.rare {
    color:blue;
}
.epic {
    color:blueviolet;
}
.superepic {
    color:darkmagenta;
}
.legendary {
    color:chocolate;
}
.ancient {
    color:green;
}
.undiscovered {
    color:#888;
}

.button {
    width: 100%;
    height: 35px;
}
.getbeebtn {
    width: 49%;
    height: 35px;
}

#container {
    width: 480px;
}

#beelist {
    font-size: 1.5em;
}

@media (max-width: 480px) {
    #container {
        width: 100%;
    }
    .button {
        width: 100%;
    }
}