* {
	margin: 0;
	padding: 0;
	font-family: 'Roboto', sans-serif;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-weight: 300;
}

.invisible {
	display: none !important;
}

body {
	display: flex;
	flex-direction: row;
	flex: 1 1 auto;
	justify-content: center;
	min-height: 100vh;
	background-image: url('../images/body_bg.png');
}

	#content-container {
		width: 600px;
		margin-top: 20px;
		margin-bottom: 20px;
		background-color: #EEEEEE;
		border-left: 2px solid white;
		border-right: 2px solid white;
		border-bottom: 6px solid white;	
		-webkit-box-shadow: 2px 2px 8px 0px rgba(0,0,0,0.75);
		-moz-box-shadow: 2px 2px 8px 0px rgba(0,0,0,0.75);
		box-shadow: 2px 2px 8px 0px rgba(0,0,0,0.75);
		
	}
	
		#content-header {
			width: 600px;
			height: 310px;
			background-color: white;
			/* border-bottom: 2px solid #BBBBBB; */
			display: flex;
			flex-direction: row;
		}
		
			#content-header h1 {
				color: #1d4d7c;
				font-size: 26px;
				padding-bottom: 2px;
			}
			
			#content-header h2 {
				color: #3578c2;
				font-size: 18px;
				padding-top: 2px;
			}
			
			#content-header ul {
				margin-top: 12px;
				margin-left: 15px;
			}
			
				#content-header ul li {
					color: rgb(100,100,100);
					font-size: 14px;
					padding: 2px 0px;
					text-align: justify;
				}
			
		#content-nav {
			display: flex;
			flex-direction: row;
			justify-content: center;
			align-items: center;
			height: 35px;
			background-color: #1d4d7c;
			color: white; 
		}
		
			#content-nav > a {
				color: white;
				text-decoration: none;
				padding-left: 10px;
				padding-right: 10px;
			}
			
				#content-nav > a:hover {
					text-decoration: underline;
				}
		
		#content-main {
			
		}
		
			#content-main > h1 {
				color: #1d4d7c;
				font-size: 26px;
				text-align: center;
				padding-bottom: 5px;
			}
			
			#content-main > h2 {
				color: #1d4d7c;
				font-size: 20px;
				text-align: center;
				font-style: italic;
				padding-bottom: 15px;
			}
			
			#content-main > h3 {
				display:flex;
				flex-direction: row;
				align-items: center;
				background-color: white;
				color: #1D4D7C;
				font-size: 20px;
				font-weight: bold;
				padding-top: 5px;
				padding-bottom: 5px;
				padding-left: 20px;
				border-bottom: 2px solid #BBBBBB;
				margin-top: 35px;
				margin-bottom: 15px;
			}
			
				.healine-icon {
					position: absolute;
					top: 2px;
					left: 15px;
				}
			
			#content-main > p {
				color: rgb(100,100,100);
				font-size: 16px;
				padding-bottom: 15px;
				padding-left: 20px;
				padding-right: 20px;
				text-align: justify;
			}
			
			#content-main > p.disclaimer {
				font-size: 12px;
			}
			
				#content-main > #accordion p {
					color: rgb(100,100,100);
					font-size: 16px;
					padding-bottom: 15px;
					text-align: justify;
				}
			
				#content-main > p a, #content-main > ul a, #accordion p a {
					text-decoration: none;
					color: #1d4d7c;
				}
				
					#content-main p a:hover, #content-main > ul a:hover, #accordion p a:hover {
						text-decoration: underline;
						color: #1d4d7c;
					}
			
				.highlight {
					font-weight: bold;
				}
				
					.red {
						color: rgb(242,62,28);
					}
					
					.gold {
						color: rgb(240,160,30);
					}
					
					.green {
						color: rgb(20,150,20);
					}
					
					.blue {
						color: #1d4d7c;
					}
					
			#content-main .screenshot {
				float: right;
				padding-left: 20px;
				padding-right: 20px;
			}
			
			#content-main ul {
				padding-left: 40px;
				padding-bottom: 10px;
			}
			
				#content-main ul > li {
					padding-right: 40px;
					color: rgb(100,100,100);
					font-size: 14px;
					padding-bottom: 6px;
					text-align: justify;
				}
				
			div#accordion {
				padding: 20px;
			}
			
			.button-download {
				display: inline-flex;
				flex-direction: row;
				justify-content: center;
				align-items: center;
				background-color: #1d4d7c;
				color: white;
				margin-top: 20px;
				margin-bottom: 20px;
				padding: 20px 30px;
				text-decoration: none;
				font-size: 20px;
				font-weight: bold;
			}
			
				.button-download:hover {
					background-color: #2d5d8c;
				}
		
		#content-footer {
			width: 600px;
			height: 80px;
		}
