html, body {
    height: 100%;
}
#container {
    height: 100%;
    position: relative;
}

/* == Stili di base - Mobile first ===== */
#logo {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -75px;
    margin-left: -75px;
    height: auto;
    width: 150px;
}
#logo.bubble .main {
    width: 150px;
    height: auto;
    border-radius: 55px;
    border: none;
    box-shadow: none;
}
#logo.bubble .main img {
    width: 150px;
    height: auto;
    border-radius: 55px;
}

#logo.bubble .network_button {
    /*z-index: 30;*/
}

/* == Media queries (breakpoint) ===== */

/* -----------------------------------
IPAD PORTRAIT
------------------------------------ */
@media only screen and (min-width: 768px) {
    #logo {
        margin-top: -150px;
        margin-left: -150px;
        width: 300px;
    }
    #logo.bubble .main {
        width: 300px;
        border-radius: 110px;
    }
    #logo.bubble .main img {
        width: 300px;
        border-radius: 110px;
    }
}