body {
    background-color: #6d6d6d;
}

.container {
    background-color: #fff;
}

.navbar-default {
    background-color: #38ab00;
    color: #ffffff;
}

.navbar-default .navbar-toggle {
    background-color: #fff;
}

.navbar-default .navbar-nav>li>a,
.navbar-default .navbar-text {
    color: #fff;
    font-size: 1.2em;
    line-height: 1.2em;
}

.navbar-default .navbar-nav>li>a:focus,
.navbar-default .navbar-nav>li>a:hover {
    color: #eee;
}

table#bubbles {
    width: 300px;
    height: 400px;
    border: 1px solid #999999;
}

table#bubbles td {
    border: 1px solid #999999;
    width: 40px;
    height: 60px;
    text-align: center;
}

@media only screen and (min-width: 310px) and (max-width:500px) {
    #adBottom {
        left: 0;
        position: fixed;
        text-align: center;
        bottom: 0px;
        width: 100%;
        z-index: 999;
    }
}