/* CSS Document */

nav 
{
    margin: 0px auto;
    width: 100%;
    height: 55px;
    background: #660000;
	display:grid;
	opacity: 0.9;
	opacity: 90%;
}
 
nav .main_pages 
{
    display: flex;
    justify-content: space-around;
    align-items: left;
}
 
nav .main_pages a 
{
    width: 20%;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 55px;
    text-decoration: none;
    font-family: Arial, sans-serif;
    color: white;
	font-size:15px
}
 
nav a:hover 
{
    background: #000000
}

label
{
    display: none;
}

label, #toggle
{
    display: none;
}
 
@media all and (max-width: 991px)
{
    nav
    {
        height: 60px;
    }
    
 nav .main_pages 
    {
        display: none;
        flex-direction: column;
        background: #660000;
        height: 220px;
    }
 
    nav .main_pages a {
        width: 50%;
    }
 
 
    label 
    {
        width: 100px;
        display: flex;
        justify-content: center;
        align-items: end;
        margin: 10 left;
        font-size: 40px;
        color: white;
        cursor: pointer;
    }
}
#toggle:checked + .main_pages {
        display: flex;
    }