#sw-logo { display: block;}
#leftcol, #welcome-logo-div { display: none;}
#main-nav ul { text-align: center; }
#main-nav { background-color: #DCBF52; top: 5.625em; line-height: 2.375em; width: 100%;}
header { height: 8em; }
#main-nav ul li#nav-item-home, #main-nav ul li#nav-item-donate { display: none; }
#main-nav ul li { margin-left: 0.75em; margin-right: 0.75em;}
#main-nav ul li  { font-size: 1.25em; }
#main-nav ul li a { font-size: inherit }
#not-perfect-hint { position: relative; width: auto;  }

@media screen and (min-width: 47em) {
    #welcome-box { min-height: 34em; }
    #not-perfect-hint { position: absolute; left: 0; top: 31em; width: 22em; padding: 0;  }
    #main-nav ul li#nav-item-donate { display: inline-block; }
    header { height: 5.625em; }
    #main-nav { background-color: transparent; margin-top: 0; line-height: 5.625em; top: 0;}
    #sw-logo { display: none;}
    #leftcol, #welcome-logo-div { display: block;}
    #main-nav ul { text-align: right;  }
    #main-nav ul li { margin-left: 1.5em;}
    .dialog-wrap { width:450px; padding: 1.5em 2em; }
}

@media screen and (min-width: 57em) {
    #main-nav ul li#nav-item-home  { display: inline-block; }

}

@media screen and (max-width: 400px) {
    #main-nav ul li {
        margin-left: 0.4em;
        margin-right: 0.4em;
    }
}

@media screen and (max-width: 350px) {
    #logo-img { display: none;}
    #twi-wrap { display: none;}

}