.navbar
{
   display:none !important;
}

#block-system-main-menu
{
    background:#0170FF;
    color:white;
    position:fixed;
    z-index:100;
    top:0;
    width:100%;
    height:70px;
    padding:10px 50px;
    display:flex;
    align-items:center;
    font-size:17px;
    font-weight:600;
    border-bottom: 1px solid #fff;
}

#block-system-main-menu .block__title
{
    margin:0;
    font-size: 21px;
    font-weight: 500;
}

#block-system-main-menu ul
{
    list-style-type:none;
    margin:0 0 0 auto;
    font-size:1em;
    font-weight:inherit;
}

#block-system-main-menu li
{
    display:inline;
    margin-right:22px;
}

#block-system-main-menu li a
{
    color:white !important;
    font-size:16px;
    font-weight:400;
    letter-spacing:0.2px;
}
#block-system-main-menu li a:hover
{
    color:white;
    text-decoration:underline;
}
@media only screen and (max-width: 1200px) 
{

.responsive-menus.responsified
{
    position:absolute !important;
    z-index:2;
    top:0;
    left:0;
    width:100%;
}
.responsive-menus.responsified span.toggler:after
{
    content:"Cities for Digital Rights";
    color:white;
    font-size:20px;
    padding-top:8px;
    float:left;
    font-weight:500;
}
.responsive-toggled span.toggler:after
{
    display:none;
}
.responsive-menus.responsified span.toggler
{
    background:#0170FF !important; 
    box-shadow:none !important;
    border-radius:0;
    text-align:end;
    padding:5px 15px;
    height:56px;
    font-size:29px;
}
.responsive-menus.responsified .responsive-menus-simple
{
      background:#0170FF !important; 
      color:white !important;
      padding:20px 30px !important;
      box-shadow:none !important; 
      border-radius:0 !important;
}
.responsive-menus.responsified .responsive-menus-simple .block__title
{
    font-size:21px !important;
}
.responsive-menus.responsified .responsive-menus-simple li a
{
    color:white !important;
}
}