@media screen and (max-width: 1040px)
{
	#navbar_mobile{
		width: 100%;
		height: 100%;
		background-color: #333;
		position: fixed;
		z-index: 0;

		display: flex;
    	justify-content: center;
    	flex-direction: column;
    	align-items: center;

		list-style-type: none;

		transition: .4s ease-out;
	}

	#navbar_mobile p{
		text-decoration: none;
		color: white;
		opacity:1;
		font-size: 1.8em;
		font-weight: 400;
		transition: 200ms;
	}

	#navbar_mobile li{
		padding: 19px 0;
	}
	.nav
	{
		display: none;
	}

    .hamburger{
		display: inline-block!important;
	}

    .topnav.responsive
	{
		position: relative;
	}

	.topnav.responsive .icon
	{
		position: absolute;
		right: 0;
		top: 0;
	}

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