@media screen and (max-width: 800px) {
	
	
body {
		 /* font-family: "Comic Sans MS", cursive, sans-serif; */
		 font-family:sans-serif;
	
}

.more_form {
	width: 90%;
	margin: auto;
	padding-top: 10px;
}

.main_container {
	width: 100%;
	max-width: 800px;
	margin: auto;
	padding-top: 10px;
}

.list_container {
	width: 90%;
	margin: auto;
	font-size: 1.1em;
	color: #6e5218;
	border: 1px solid #6e5218;
	border-radius: 5px;
}

.content_container {
	width: 90%;
	margin: auto;
	font-size: 1.1em;
	color: #6e5218;
}

.home_content {
	font-size: 1.6em;
	color: #6e5218;
	text-align: center;
	width: 100%;
	margin-bottom: 15px;
}

.key {
	color: #6e5218;
	font-size: 1.1em;
}

.key_home {
	width:60%;
	margin: auto;
	height: 20px;
	color: #6e5218;
}

.home_content_text {
	font-size: 1em;
	color: #6e5218;
	text-align: justify;
	margin-top: 15px;
	width: 100%;
}

.profile_name {
	font-size: 1.5em;
}

.edit_button {
	position: fixed;
	top: 0px;
	right: 0px;
	left: 0px;
	padding: 10px 10px 0 10px;
	height: 60px;
	font-size:1.7em;
	 /* font-family: "Comic Sans MS", cursive, sans-serif; */
	 font-family:sans-serif;
	color: #6e5218;
	z-index: 1000;
	background-color: #CCB27D;
}

.edit_image {
	width: 40px;
	height: 40px;
	float: right;
	display:inline;
}

.profile_info {
	font-size: 1em;
}

.login-container {
	position: fixed;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	background-attachment: fixed;
	background-image: url('../img/footprint_logo_login.jpg');
	background-position: center;
	background-size: cover;
}

.road {
	position: fixed;
	top: 60px;
	bottom: 60px;
	left: 0px;
	right: 0px;
	background-attachment: fixed;
	background-image: url('../img/path.jpg');
	white-space: nowrap;
	background-position: center;
	background-size: cover;
	overflow-y: scroll;
}

.register-container {
	position: fixed;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	background-attachment: fixed;
	background-image: url('../img/footprint_logo_register.jpg');
	background-position: center;
	background-size: cover;
}

.login_form {
	width: 90%;
	margin: auto;
}

.login_container {
	position: fixed;
	bottom: 0px;
	left: 0px;
	right: 0px;
	height: 50%;
}

.register_container {
	position: fixed;
	bottom: 0px;
	left: 0px;
	right: 0px;
	height: 63%;
}

.error_message {
	color: #6e5218;
	text-align: center;
}

a.events_link {
	text-decoration: none;
	color: #6e5218;
	font-size: 20px;
}

.event_list {
	width: 96%;
	margin: auto;
	font-size: 1em;
	color: #6e5218;
}

.list_content {
	font-size: 1em;
}

.login_button_but {
	width: 100%;
	font-size: 1.3em;
	background-color: #6e5218;
	background-image: linear-gradient(#aa905b, #6e5218);
	color: ccb27d;
	border: 1px solid #6e5218;
	padding: 5px 0 5px 0;
	height: 40px;
	border-radius: 20px;
}

.login-text {
	border-bottom: 1px solid #6E5218;
	border-top: none;
	border-left: none;
	border-right: none;
	background-color: #ddc38e;
	width: 100%;
	font-size: 1.3em;
	color: #6e5218;
}

.login-textarea {
	border-bottom: 1px solid #6E5218;
	border-top: none;
	border-left: none;
	border-right: none;
	background-color: #ddc38e;
	width: 100%;
	height: 30%;
	font-size: 1em;
	color: #6e5218;
}

.main_content_container {
	position: fixed;
	top: 70px;
	left: 0px;
	right: 0px;
	bottom: 61px;
	font-size: 1.1em;
	overflow-y:scroll;
	overflow-x:hidden;
	border-top: 1px solid #6E5218;
	/*background-attachment: fixed;
	background-image: url('../img/footprint_logo.png');
	background-position: center;
	background-size: cover;
	background-blend-mode: lighten;*/
}

a.edit_link {
	color: #6e5218;
}

a.menu_links {
	color: #6e5218;
	text-decoration: none;
}

.login_button {
	width: 100%;
	height: 40px;
	font-size: 1.3em;
	background-color: #6e5218;
	color: ccb27d;
	border: 1px solid #6e5218;
	border-radius: 20px;
}

.footer-main {
	width: 100%;
	height: 60px;
	position: fixed;
	bottom: 0px;
	left: 0px;
	right: 0px;
	text-align: center;
	border-top: 1px solid #6E5218;
	background-color: #CCB27D;
}

.footer-outer-container {
	width: 100%;
	height: 60px;
}

.footer-container {
	width: 100%;
	height: 60px;
	display: inline-block;
	text-align: center;
}

.footer-icon-container {
	height: 60px;
	width: 24%;
	display: inline-block;
	text-align: center;
}

.footer-icon {
	width: 36px;
	height: 36px;
	padding: 5px 5px 0 5px;
}

.footer-text {
	font-size: 9px;
	text-decoration: none;
	color: #6C5218;
}
	
}