/* Insert here your custom CSS */
nav {
    background: none !important;
    width: 85% !important;
}
nav > button.navbtn{
    top:-3px !important;
    width: 100% !important;
    text-align: left !important;
}
nav > span.topnav{
    height: auto !important;
    background: none !important;
    position: relative !important;
}
nav .topnav .login-container {
    float: none !important;
    width: 100%;
    height: auto;
    position: relative !important;
}
nav > span.topnav a,
nav > span.topnav input[type=text],
nav > span.topnav input[type=password],
nav > span.topnav .login-container button {
    float: none !important;
    display: block !important;
    text-align: left !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 14px !important;
}
nav > span.topnav input[type=text] ,
nav > span.topnav input[type=password] {
    border: 1px solid #ccc !important;
}
nav form {
    display:grid;
    grid-gap: 20px !important;
    grid-auto-flow: row !important;
    width:85%;
}
nav > span.topnav a.topmenu{
    display: none !important;
}

.topnav a.createaccountlink2 {
    display: none !important;
}
.topnav a.createaccountlink1 {
    display: block !important;
}