
.container {
  display: flex;
  width: 1300px;
  margin: 0 auto;
}
.main {
  flex: 0 0 1000px;
}
.main img{
	max-width: 100%; 
	margin: 4px 0px;
}
.sidebar {
  flex: 0 0 300px;
}
.sidebar-widget {
  position: sticky;
  top: 0;
}
.topbanner{
	background: url(images/archimate-banner5.jpg);
	background-repeat: no-repeat;
	background-position: top center; 
	width: 100%; 
	height: 320px;
	opacity: .9;
}
h2,h3 {
	letter-spacing: 1px; 
	font-family: "Roboto",sans-serif;	
}
h2{	
	margin:36px 0px 24px 0px;
	font-size: 2em;
	text-align:center;	
	}
h3{
	margin:36px 0px 6px 0px;
	font-size: 1.5em;
	text-align:left;	
	}
.ea-logo-header {
	width:100%;
	text-align:center;
	}
.viewpoint_catgory_heading{ 
	font-size: 3em; 
	text-align:center;
}
.viewpoint{ 
	font-size: 2.5em;
	text-align:center;
 }
.discussion_h{  
	font-size: 1.6em;
	text-align:left;
}
tr:nth-child(even) {border-bottom: 1px solid #ddd;}
tr:nth-child(odd) {border-bottom: 1px solid #ddd;}
ul li ul li {list-style: disc}
#Introduction {margin-top:24px;}
#menu {padding: 24px 35px 10px 5px; }
#menu ul {margin:0;padding: 0px;}
#menu ul li a{
	text-decoration: none;
	padding: 2px 4px;
	color: #595959;	
	display:block;
	}
#menu ul li {
	margin-left:16px;
	font-size: 14px;
	bottom-border:1px solid #aaa;
	line-height:18px;
	list-style: none
	}
.active, #menu ul li a:hover  {
	text-decoration: none;
	background-color: 
	rgba(0, 0, 0, 0.12);
}
.sub{
	margin-left:0px!important;
	font-size:15px!important;
	font-weight:bold;
	line-height:28px;!important;
	border-bottom: 1px solid #999!important;
}
/*Table style*/
.frame-table { max-width: 800px;width:98%; border-collapse: collapse; border: none;padding:10px; border-spacing:0px; }
.frame-table-heading{ border: solid #010101 0px;text-align: left ;vertical-align:top; min-height:39px; padding:10px; }
.frame-table-title {width: 180px ;text-align: left ;  min-height:63px; border: solid #010101 0px;padding:10px;}
.frame-table-content{text-align: left ;min-height:63px; border: solid #010101 0px;padding:10px;}
.additional-table { max-width: 800px;width:98%; border-collapse: collapse; border: none;padding:10px; border-spacing:0px;}
.additional-table-content{border: solid #010101 0px;text-align: left ; min-height:50px;padding:10px; }

/*Mobile Burger style*/
#label-burger{background:url(images/list-icon.png) no-repeat;width:36px;height:30px;display:none;z-index: 1;background-size:cover; border: 1px solid #AAA; border-radius:3px;}
#label-burger:hover{cursor: pointer;}
#radio-burger,#radio-burger-close,#radio-burger-content{display:none;}
#radio-burger:checked ~ #sidebar-left-inner{display:block;  left:0;}
#radio-burger:checked ~ #label-burger-close{display:block;}
#label-burger-close{background:url(images/close.png) no-repeat;width:16px;height:16px;display:none;z-index: 1;position: absolute;right: 5px; top:5px;background-size:cover;}

/*media query*/
@media only screen and (max-width: 1250px) {
	.page-heading {font-size:2.5em}
	.viewpoint_catgory_heading {font-size:2em}
	.viewpoint {font-size:1.5em}
	.discussion_h {font-size:1.3em}
	.topbanner{display:none}
	.container { width: 98%; margin: 16px auto;}
	.main { flex: 0 0 98%;margin: 0 auto; }
	#menu {padding: 30px 5px 10px 5px;}
	#label-burger{display:block;z-index:1;}
	#label-burger-close{display:block;}
	#main{width:100%;z-index:0;}
	#sidebar-left{position: absolute;margin-top: 0px;width:auto;margin-left:7px;}
	#sidebar-left-inner{box-shadow:0 2px 4px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.20)!important;transition:all 300ms linear;display:none;background-color: #FFF;}
}
