@media (max-width: 960px){	
	body{
		grid-template-columns: 1vw 98vw 1vw;
	}
}

@media (max-width: 618px){
	#header-content{
		grid-template:
			".. logo nav"8rem
			/1fr auto 1fr;
	}

	.statements{
		display: none;
	}
	
	h1{
		display: none; 
	}

	nav{	
		position: relative;
	}

	ul{
		display: none;
	}
	
	li{
		display: block;
		background-color: #fff;
		padding: 2em 0;
	}
	
	li+li{
	border-left: none;
	}

	li:first-child{
		text-align: center;
	}

	li:first-child{
		text-align: center;
		padding-bottom: auto;
	}
	
	label, label::before, label::after{
		display: block;
		width: 2.5em;
		height: 3px;
		background-color: #fff;
		border-radius: 8px;
		transition: .5s; 
	}

	label{
		display: block;
		cursor: pointer;
		margin: 3rem 0 0 3rem;
	}

	label::before{
		content: "";
		transform: translateY(-7px)
	}

	label::after{
		content: "";
		transform: translateY(7px)
	}

	#toggle:checked + ul{
		display: flex;
		flex-direction: column; 
		justify-content: flex-start;
		height: 80vh;
		width: 80vw;
		position: absolute;
		right: 0;
		z-index: 2;
	}

	#toggle:checked + label::before{
		content: "";
		transform: rotate(30deg) translateY(-9px) translateX(5px);
		width: 2em;		
	}

	#toggle:checked + label::after{
		content: "";
		transform: rotate(-30deg) translateY(7px) translateX(5px);
		width: 2em;
	}
	
	.dropdown{
		display: block;
		position: relative;
	}
	
	li:hover .dropdown{
		display: block;
		position: relative;
	}
	
	main{
		display: flex;
		flex-direction: column;
	}
	
	.news{
		max-width: 100%;
		margin-bottom: .5em;
	}
	
	.news+.news{
		margin: 0;
	}
	
	sidebar{
		width: 100%;
		max-width: none;
		align-self: center;
	}
	
	.sidebar-item-content{
		display: none;
	}
	
	.sidebar-item{
		border: 0;
		margin: 0;
		padding: 0;
	}

	.btn1{
		width: 100%
	}
	
	.btn1:hover .sidebar-item-content{
		display: flex;
	}
}