:root {
    --i2poffblack: #070425;
    --i2poffwhite: #f6f6fa;
    --i2ppurple: #222187;
    --i2pmidblue: #265ea7;
    --i2plightblue: #9dabd5;
    --i2pdarkblue: #2d4470;
    --i2plightgreen: #709fa6;
    --i2pctablue: #00ffff;
    --i2pgrey: #333333;
    --i2pbggrey: #9e9e9e;
    --i2pcharcoal: #4c4c4c
}

#topbar .title {
    display: none
}

/* Dropdown menu CSS */

#cssmenu > ul {
    width: 100%;
    float: none;
    background-color: var(--i2pcharcoal); /* change the menu color */
    background-image: -webkit-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.2));
    background-image: -moz-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.2));
    background-image: -ms-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.2));
    background-image: -o-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.2));
    display: block;
    /*height: 0;*/
    height: auto;
    margin: 0;
    padding: 0;
    overflow: hidden;
    box-shadow: 0 1px 2px rgba(0,0,0,.6);
    /*position: absolute;*/
    top: 0px;
    left: 0px;
    z-index: 998;
    clear: both;
}

#cssmenu > ul li {
    /*display: none;*/
    display: block;
    width: 100%;
    font-family: Arial;
}

#cssmenu > ul li div.menuitem {
    display: block;
    width: 90%;
    padding: 10px 5%;
    font-size: 14px;
    font-weight: bold;
    text-shadow: -1px -1px 0 rgba(0,0,0,.15);
    color: white;
    text-decoration: none;
    border-bottom: 1px solid rgba(0,0,0,.2);
    border-top: 1px solid rgba(255,255,255,.1);
}

#cssmenu > ul li div.menuitem:hover {
    background-color: rgba(0,0,0,.5);
    border-top-color: transparent;
}

#cssmenu > ul > li:first-child {
    border-top: 1px solid rgba(0,0,0,.2)
}

/* Toggle the navigation bar open  */

#cssmenu > ul.open {
    height: auto;
    /*padding-top: 50px;*/
}

#cssmenu > ul.open li {
    display: block
}

/* Submenus – .has-sub class indicates dropdowns */

#cssmenu > ul > li:hover > div.menuitem {
    background: rgba(0,0,0,.5);
    border-bottom-color: transparent;
}

#cssmenu > ul li.has-sub > div.menuitem:after {
    content: "▼";
    color: rgba(255,255,255,.5);
    float: right;
}

#cssmenu > ul li.has-sub > div.menuitem:hover {
    background: rgba(0,0,0,.75)
}

#cssmenu > ul li ul {
    display: none;
    background: rgba(0,0,0,.5);
    border-top: 0 none;
    padding: 0;
}

#cssmenu > ul li ul div.menuitem {
    border: 0 none;
    font-size: 12px;
    padding: 10px 5%;
    font-weight: normal;
}

#cssmenu > ul li:hover > ul {
    display: block;
    border-top: 0 none;
}

/* End of dropdown menu CSS */

div#content .main {
    padding: 4em 10%
}

.main img.home_splash_image {
    float: left;
    left: 10%;
    margin-bottom: 1em;
    max-width: 85%;
    top: 10%;
}

.main img.android {
    left: 70%;
    max-height: 60%;
    max-width: 20%;
    position: absolute;
    top: 15%;
}

.main .get-i2p {
    margin-bottom: -1.5em;
    margin-top: .5em;
}

div#content .aside {
    width: 100%
}

div#content > .title {
    margin-top: 0.5em;
    text-align: center;
}

div#content .inner {
    margin-top: 1em
}

#global-footer .aside {
    margin-left: 1%;
    width: 49%;
}

#global-footer .aside.first,
#global-footer .aside.third,
#global-footer .aside.fifth {
    margin-left: 0
}

#footermenu ul {
  list-style: none;
}

#post ul {
    font-size: .68rem;
}

.browser-onboarding .row-text {
  float: right;
  width: 80%;
  font-size: small;
}

.browser-onboarding .row-image {
  float: left;
  width: 20%;
}

.browser-onboarding .row-image > img {
  float: left;
  width: 90%;
  padding-right: 4px;
}