@media screen and (max-width: 1023px) {
	.header-title {
		height: 100px;
	}
	.header-title .landscape {
		display: none;
	}
	.navbar-default {
		top: 130px;
	}
	.container-menu {
		width: 100%;
	}
	.starter-template {
		padding-top: 146px;
	}
	.menu-landscape {
		display: none;
	}
	.row .landscape {
		display: none;
	}
}
@media screen and (min-width: 1024px) {
	.header-title .portrait {
		display: none;
	}
	.container-menu {
		width: 1024px;
	}
	.starter-template {
		padding-top: 96px;
	}
	.menu-portrait {
		display: none;
	}
	.row .portrait {
		display: none;
	}
}
.container-menu {
	padding: 0;
}
.container-menu .row {
	padding-top: 36px;
}
.container-menu .row.menu-title {
	padding-top: 72px;
}
.container-menu .row.menu-step {
	padding-top: 36px;
}
.container-menu .starter-template {
	padding-left: 0;
	padding-right: 0;
	text-align: center;
}
.container-menu .col-sm-6, .container-menu .col-sm-4 {
	padding: 0;
}
.container-menu a {
	cursor: pointer;
}
.menu-landscape {
	width: 1024px;
	margin: 20px auto 0px auto;
}
.menu-landscape.menu {
	width: 1024px;
	height: 64px;
	background-color: #52568d;
}
.menu-landscape.menu div {
	text-align: left;
	padding-top: 18px;
	padding-left: 18px;
}
.menu-portrait {
	width: 500px;
	margin: 20px auto 0px auto;
}
.menu-portrait.menu {
	width: 100%;
	height: 64px;
	background-color: #52568d;
}
.menu-portrait.menu div {
	width: 500px;
	margin: auto;
	text-align: left;
	padding-top: 7px;
}
.menu-portrait.bar {
	width: 100%;
	height: 1px;
	background-color: #52568d;
}
.menubutton {
	width: 100%;
	height: 140px;
	margin: 10px;
}
.menuarea {
	width: 100%;
	height: 550px;
	margin: 10px;
	color: #091016;
	border-color: #41719C;
	background-color: #EEF5FB;
}
.logout {
	margin-right: 10px;
}