* {
	margin: 0;
	padding: 0;
	font-family: Arial, sans-serif;
}

body {
	background-image: url('../../images/ins/app-view-back.gif');
}

li {
	list-style-position: inside;
}

#window {
	display: flex;
	min-height: 768px;
	flex-direction: column;
	margin: auto;
	border: 1px solid #000;
	max-width: 1024px;
	border-radius: 5px;
	margin-top: 10px;
}

#header {
	display: block;
	height: 80px;
	background-image: url('../../images/ins/banner.gif');
	position: relative;
}

#logo-left {
	position: absolute;
	left: 0;
	top: 0;
	border-top-left-radius: 4px;
}

#logo-right {
	position: absolute;
	right: 0;
	top: 0;
	border-top-right-radius: 4px;
}

#navigation {
	display: block;
	height: 25px;
	background-color: #000;
	box-shadow: 0px 3px 4px #444;
	z-index: 998;
}

#content {
	flex: 1;
	background-color: #F3F2E2;
	padding: 50px 15px;
	
}

#footer {
	background-color: #004479;
	padding: 10px;
	display: block;
	height: 15px;
}

.panel-container {
	display: block;
	max-width: 800px;
	margin: auto;
}

.panel {
	margin-bottom: 20px;
	background-color: #FFF;
	border: 1px solid #000;
	border-radius: 4px;
	box-shadow: 0px 3px 4px #444;
	box-sizing: border-box;
}

.panel-heading {
	background-color: #004479;
	color: #FAF7ED;
	border-color: #DDD;
	padding: 10px 15px;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
}

.panel-body {
	padding: 15px;
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;
}

.panel-two-column {
	justify-content: space-between;
	display: flex;
}

.panel-two-column .panel {
	width: 48%;
	vertical-align: top;
}

@media screen and (max-device-width: 1044px)
{
	#window {
		margin-top: 0px;
	}
}