@media all and (min-width: 981px) {
	ul#nav{
		display:block !important;
	}	
}

@media all and (max-width: 980px) {

	#wrapper,
	#main-content{
		height:auto;
	}

	.copyright {
		padding: 0 25px;
	}

	#sidebar .title {
		padding-bottom: 0;
	}

	#sidebar{
		width:100%;
		position:relative;
		float:none;
		left:auto;
		top:auto;
		padding:25px 25px 0 25px;		
	}

	#content{
		width:100%;
		float:none;
		padding:25px;
	}
	
	#social {
		position: relative;
		bottom: auto;
		left: auto;
		padding:0 25px;
	}	

	#social li a {
		font-size: 16px;
	}

	#social li {
		margin-right: 10px;
}

	ul#nav{
		display:none;
		margin-top:20px;
		text-align:center;
	}
	
	.hamburger{
		display:block;
		position:absolute;
		right:25px;
		top: 35px;
	}
	
	#sidebar ul#nav li {
		padding: 5px 0;
	}	
	
	.gallery{
		grid-template-columns: repeat(3, 1fr);
	}	

	.gallery a span.title{
		font-size:14px;
		padding:10px 20px 15px 0;
	}
	
	.post a.title h2{
		padding:10px 20px 0 0;
		font-size:14px;	
	}

	.post{
		padding-bottom:15px;
	}	

	
}


@media all and (max-width: 720px) {

	#content{
		padding:15px;
	}
	
	.copyright {
		padding: 0 15px;
	}	
	
	#social {
		padding:0 15px;
	}	

	
	.wpcf7-form .field,
	.wpcf7-form .field-left,
	.wpcf7-form .field-right{
		float: none;
		width: 100%;
		margin: 20px 0 14px 0;
	}	
	
	.gallery{
		grid-template-columns: repeat(2, 1fr);
	}	
	
	
}

@media all and (max-width: 460px) {

	.gallery{
		grid-template-columns: repeat(1, 1fr);
	}	


}