Увеличить размер трех гамбургерных линий в мобильном виде ⇐ CSS

[Anonymous]

Я скопировал отзывчивое выпадающее меню с веб -сайта W3C и использую его на сайте, который я разрабатываю. Сайт www.lswebdesign.net/jssgl/handicaps.html.
Сайт работает нормально, чтобы быть отзывчивым, но я не очень хорош в том, чтобы знать нюансы CSS, поэтому я изо всех сил пытаюсь найти правильное место, чтобы увеличить размер линий Hamburger. Я был бы признателен, если бы кто -то мог посмотреть на CSS, которые я скопировал из W3C, и рассказать, что и где мне нужно изменить, чтобы эти строки были толще. Но никто не работает. И я не могу найти место на W3C, где я могу найти этот ответ. Из статей, которые я исследовал, кажется, что ответ находится где -то в фрагменте @Media в CSS < /p>
@media screen and (max-width: 600px) {
.topnav a:not(:first-child), .dropdown .dropbtn {
display: none;
}
.topnav a.icon {
float: right;
display: block;
height: 0.2rem;
}
}

@media screen and (max-width: 600px) {
.topnav.responsive {position: relative;}
.topnav.responsive .icon {
position: absolute;
right: 0;
top: 0;

}
.topnav.responsive a {
float: none;
display: block;
text-align: left;

}
.topnav.responsive .dropdown {float: none;}
.topnav.responsive .dropdown-content {position: relative;}
.topnav.responsive .dropdown .dropbtn {
display: block;
width: 100%;
text-align: left;

}

}



Подробнее здесь: https://stackoverflow.com/questions/797 ... obile-view