body {

	background: #EED0B3;

}

h1 {

	line-height: 50px;

	font-weight: bold;

	color: #fff;

}

h3 {

	margin-bottom: 40px;

	color: #fff;

}

.nav {

	background: #FCF8F3;

}

.div_container {

	padding: 40px 20px;

	max-width: 1000px;

	margin-left: auto;

	margin-right: auto;

}

.div_login_signup {

	padding: 40px 30px;

	border-radius: 12px;

	/*background: #fff;*/

	max-width: 360px;

	margin-top: auto;

}

.hide {

	display: none;

}

.tabs {

	display: flex;

}

.tabs .tab {

	width: 100%;

	padding: 10px;

	text-align: center;

	border-bottom: 2px solid #fff;

	font-weight: bold;

	margin-bottom: 20px;

	cursor: pointer;

	color: #aaa;

}

.tabs .tab.sel {

	color: #414142;

	border-color: #414142;

}

.forgot:hover {

	color: #1f1f1f;

}

.forgot {

	color: #414142;

	font-size: 12px;

	display: block;

	padding-top: 10px;

	text-align: right;

}

body .div_container {

	margin-top: 0px;

	max-width: 100%;

	background: url('../images/bg.jpg');

	background-size: cover;

	background-position: center;

}

html, body {

    background: #fafafa;

    min-height: calc(100vh - 0px);

}

.logo {

	text-align: center;

}

.logo img {

	height: 150px;

	width: auto;

}
@media only screen and (max-width: 768px) {
	body .div_container {
		background: url('../images/bg1.jpg');
		background-size: cover;
    	background-position: center;
	}
}