.headerImage {
	width: 100%;
}

html {
	background-color: #d3e6d5;
}

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

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

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

.nav-item {
	padding: 5px;
}

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

.nav-link {
	color: black;
}



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

/*.widgetclass {
	float: right;
	width: 20%;
	padding: 10px;
	margin-bottom: 140px;
}

.widget {
	border-style: solid;
	width: 90%;
}*/

.train1 {
	margin: auto;
	display: block;
	width: 90%;
	padding-bottom: 20px;
}

.train2 {
	margin: auto;
	display: block;
	width: 70%;
}

.train3 {
	margin: auto;
	display: block;
	width: 70%;
}

.train4 {
	margin: auto;
	display: block;
	width: 70%;
}

#past {
	color: #7A7A7A;
	text-align: center;
	font-weight: bold;
}



p {
	text-align: center;
	float: left;
	color: #7A7A7A;
}



footer {
    display: block;
    clear: both;
    text-align: center;
    width: 100%;
}


@media screen and (max-width:600px){
    .widgetclass {
        width: 100%;
    }
	.blog .train1 {
		width: 70%;
	}
}


.gone {
	visibility: hidden;
}