/*===============================

header

===============================*/
header,
nav,
section,
footer,
.container{
	margin:0 50px 0 50px;
}



header {
	/*background: url(../img/building3.jpg);*/
	background: #addbc0;
    background-size: cover;
    background-repeat: no-repeat;
	height:650px;
	display: block;
}

header img {
	/*background: url(img/building1.jpg);*/
    /*background-size: cover;*/
    height:100%;
    background-repeat: no-repeat;
}
/*===============================

media queries-general

===============================*/

@media only screen and (max-width: 900px) {
    header {
    	height:400px;
    }
}

@media only screen and (max-width: 820px) {
    h1 {
    	line-height: 4rem;
    }

    header {
    }
}

@media only screen and (max-width: 700px) {
	header {
		height:300px;
	}
	h1 {
		font-size: 3rem;
	}
}

@media only screen and (max-width: 610px) {
	article {
		margin:20px;
	}

	h1 {
		line-height: 3rem;
	}
	
	h2 {
		margin-bottom: 20px;
	}

	p {
		width:250px;
		text-align:;
	}

	h3 {
		width:300px;
	}

	h4 {
		width:300px;
	}

	header {
		display: none;
	}

	.walnut-logo {
		flex-direction: column-reverse;
		justify-content: center;
	}

	.walnut-logo img {
		padding-left: 15px;
	}

	.walnut-logo {
		margin:0;
	}
	.container {
		margin:0;
	}
	aside {
		display:none;
	}

	section {
		margin:0;
	}
	footer {
		width:100%;
		margin:0;
	}
}