.headerImage {
	width: 100%;
}

html {
	background-color: #d3e6d5;
}

div h1 {
	text-align: center;
	font-weight: bold;
}

body {	
	background-color: #f4f1e1;	
	margin: 10%;
}

article {
	float: right;
	width: 20%;
	padding: 10px;
	margin-bottom: 140px;
}

.container-fluid {
	background-color: rgb(169, 184, 170);
	padding: 25px;
}

.nav-item {
	padding: 5px;
}

.nav-item :hover {
	color: brown;
}

.nav-link {
	color: black;
}



.container1 {
	/*background-color: #d3e6d5;*/
	background-color: rgb(229,226,211);
	margin-left: 50px;
	margin-right: 50px;
	padding-bottom: 250px;
	margin-bottom: 20px;
}

.container1 p {
 
  text-align: center;

}
.about_1 {
	width: 30%;
	float: right;
	padding: 10px;

}

.container2 {
	background-color: rgb(229,226,211);
	margin-left: 50px;
	margin-right: 50px;
	padding-bottom: 300px;
	margin-bottom: 25px;
}

.container2 p {
	text-align: center;
}

.about_2 {
	width: 30%;
	float: left;
	padding: 10px;
}

h1 {
	text-align: center;
}

footer {
	background-color: rgb(169, 184, 170);
	display: block;
	clear: both;
	text-align: center;
}


@media screen and (max-width:600px){
    .about_1, .about_2, p {
        width: 100%;
    }
}

.gone {
	visibility: hidden;
}