.burger-icon
{
    font-size: 24px;
    background: none;
    color: white;
    border: none;
    cursor: pointer;
}

.burger-menu-top
{
    background-color: #DC143C;
}

.burger-menu
{
    background-color: #DC143C;
    overflow: hidden;
    transition: max-height 0.3s ease;
    padding: 10px 20px;
    max-width: 600px;
    margin: 0 auto;
}

.burger-menu ul
{
    list-style: none;
    padding: 0;
    margin: 0;
}

.burger-menu li
{
    color: white;
    padding: 8px 0;
    cursor: pointer;
    text-align:center;
}

.burger-menu li:hover
{
    background-color: white;
    color: #DC143C;
}

.burger-menu a
{
    display: block;
    color: white;
    text-decoration: none;
}

.burger-menu a:hover
{
    background-color: white;
    color: #DC143C;
}