.menu_wrapper{
		display:flex;
		height: 86px;
		width:100%;
		flex-direction:row;
		top:0;
		border-bottom:silver 1px solid;
		justify-content: space-between;
		position:fixed;
		background-color: #ffffff;
		z-index:99999;
	}
	
	.icon-loop{
	    width:1em;
	    height:1em;
	    fill: currentColor;
	}
			    
	.menu2,.menu3{
	    display:none;
	}
	
	.horizontal_menu li {
	    float: left;
	    text-transform: uppercase;
	    margin: 1em;
	}
	.main_nav a {
	    text-transform: uppercase;
	    color: #797878;
	    padding: 10px 14px;;
	}
	
	.link_clear{
	    text-decoration:none;
	    color:#797878;    
	    font-size:14px;
	    font-weight: 100;
	    font-family: gotham;
	}

	.login_button{
	    text-transform: uppercase;
	}
	.logo_img{
		height: 100%;
		margin-left:auto;
		margin-right:auto;
	//	margin-top:5px;
	}
	
	.horizontal_menu,.search {
	    margin: 0;
	    margin-top: auto;
	    margin-bottom: auto;
	    padding-left: 0;
	}
	
	.search{
	    margin-right:1em;
	}
	
	.menu{
		position:fixed;
		top: 17px;
		background:white;
		margin-bottom: auto;
		margin-top: auto;
		display:flex;
		height: 52px;
		flex-direction:row;
		width: 59px;
	}
	
	#check-menu{
    display: none;
	}
	
	#main_menu_label{
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		cursor: pointer;
		z-index: 2;
		line-height: 40px;
	}
	
	.burger-line{
		position: absolute;
		top: 14px;
		left: 10px;
		width: 35px;
		height: 3px;
		background-color: #c0c0c0;
		transition: .5s all;
	}

	.second, .third{
		top: 24px;
	}

	.fourth{
		top: 35px;
	}
	
	.main_nav{
		display: flex;
		flex-direction:row;
		font-family: gotham;
		position: absolute;
		width: 285px;
		bottom: -16px;
		left: 0;
		margin-left: 0;
		transform: translateY(100%);
		max-height: 0;
		font-size: 0;
		overflow: hidden;
		transition: .5s all;
		border:none;
		text-align: center;
		background-color:white;
	}
	
	#check-menu:checked ~ .main_nav{
	    max-height: 500px;
	    font-size: 16px;
	    border: 1px solid #c0c0c0;
	    display:flex;
	    flex-direction:column;
	    flex-wrap:wrap;
	}
	//ok
	.menu a{
		color:black;
		padding: 10px;
		font-weight:300;
		text-decoration: none;
		text-transform: uppercase;
		background-color: white;
	}
	//ok
	.menu div.login_button{
		color:black;
		padding: 10px;
		font-weight:300;
		text-decoration: none;
		text-transform: uppercase;
		background-color: white;
	}
	//ok
	.menu a:hover{
		background-color: #c0c0c0;
	}
	
	#check-menu:checked ~ .main-menu{
		max-height: 500px;
		font-size: 16px;
	}

	#check-menu:checked ~ .first{
		display: none;
	}

	#check-menu:checked ~ .second{
	
		transform: rotate(45deg);
	}

	#check-menu:checked ~ .third{
		transform: rotate(-45deg);
	}

	#check-menu:checked ~ .fourth{
		display: none;
	}
 
	 ul a {
	    color:#404040;
	    text-decoration:none;
	 }

	 @media screen and (max-width: 1100px)
	{
	
		.nav {
			margin: 7px 11px;
			font-size: 22px;
		}
	}
	
	@media screen and (max-width: 1200px)
	{
	
		.nav {
			margin: 5px 9px;
			font-size: 18px;
		}
	}
	
	@media screen and (max-width: 650px)
	{
		.menu a{
		    border-top:1px solid #c0c0c0;
		}
		.menu2,.menu3 {
		    display:block;
		}
		.horizontal_menu{
		    display:none;
		}
		
		.main_nav{
		    flex-direction:column;
		    width:100vw;
		}
		.nav {
			margin: 5px 9px;
			font-size: 16px;
		}
	}
	
	@media screen and (max-width: 600px)
	{
	
		.menu{
		position:relative;
		top:0;
		}
		.menu a{
		    border-top:1px solid #c0c0c0;
		}
		.menu2,.menu3 {
		    display:block;
		}
		.horizontal_menu{
		    display:none;
		}
		
		.main_nav{
		    flex-direction:column;
		    width:100vw;
		}
		.menu_wrapper{
			margin-bottom: 8px;
		}
	}
	
	@media screen and (max-width: 400px)
	{
	.menu_wrapper{
		height:50px;
	    }	
	.top{
		padding-top:50px;
	    }
	.author_date {
	    font-size: 12px;
	    }
	.author_date span{
	    margin: .3em;
	    }
	.main_nav{
		bottom:3px;
	    }
	.menu{
		
		top:0;
		height:48px;
	    }
		
	}
	@media screen and (max-width: 320px)
	{
    
	}