nav{
	text-align: center;
	margin-top: -10px;
	margin-bottom: 40px;
	display: grid;
	grid-template-columns: 100px auto auto auto auto auto;
	background-color: #009639;
}


.navitem{
	padding: 15px 20px 15px 20px;
	text-decoration: none;
	color: white;
}

.about a{
	text-decoration: none;
	color:white;
}


.navitem:hover, #facebookcontainer:hover {
	background-color: green;
}

.dropdown-content{
	position: absolute;
	margin-left: -20px;
	margin-top: 15px;
	text-align: left;
	display: none;
	background-color: green;
}


.dropdown-content a{
	padding: 10px 20px 10px 20px;
	display: block;
}

.dropdown-content a:hover{
	background-color: lightgreen;
}

#activetab{
	background-color: lightgreen;
}


.about:hover .dropdown-content{
	display:block;
}


@media screen and (max-width:800px){
    nav{
        text-align: center;
        margin-top: -10px;
        margin-bottom: 40px;
        display: grid;
        grid-template-columns: auto;
        background-color: #009639;
    }


    .navitem{
        padding: 15px 20px 15px 20px;
        text-decoration: none;
        color: white;
    }

    .about a{
        text-decoration: none;
        color:white;
    }


    .navitem:hover, #facebookcontainer:hover {
        background-color: green;
    }

    .dropdown-content{
        position: absolute;
        margin-left: -20px;
        margin-top: 15px;
        text-align: left;
        display: none;
        background-color: green;
    }


    .dropdown-content a{
        padding: 10px 20px 10px 20px;
        display: block;
    }

    .dropdown-content a:hover{
        background-color: lightgreen;
    }

    #activetab{
        background-color: lightgreen;
    }


    .about:hover .dropdown-content{
        display:block;
    }
}