html {
   margin: 0px;
   height: 100%;
   width: 100%;
}

body {
   margin: 0px;
   min-height: 100%;
   width: 100%;
   padding: 0.5% 1%;
	
}





header {height:100%; max-height: 20rem; min-height: 4em;  width: 100%; border:rgba(223,217,217,1.00) solid 1px; border-radius: 6px; padding: 0.2%; }

.marke { background-color:rgba(30,46,61,1.00); border: 1px solid  #0C1041; height: 100%;  max-height: 100px; min-height: 29px; width: 100%; margin-top: 5px; margin-botton: 5px;  border-radius: 3pt; color: white;}






.main {width: 100%; height:100%;
	max-height: 100%; 
	min-height: 45rem;
	margin:8px 0px;
	

}

.nav {box-shadow: 0 0 10px white;  border: 1px solid rgba(15,39,232,1.00); border-radius: 4pt;
  -webkit-flex: 	1 1 20%; 
	flex: 			1 1 20%;      
   -webkit-order: 	1; 
	order: 	1;   
	padding: 4px 0px;
	
	
		 } 

.article {box-shadow: 0 0 5px white; border: 1px solid rgba(15,39,232,1.00); border-radius: 4pt;
   -webkit-flex: 	1 1 80%; 
           flex: 	1 1 80%;
   -webkit-order: 	2;
           order: 	2;	
	margin-left: 0.5%;
	padding: 4px;
	
   }


.ind{
		
		box-shadow: none !important;
		text-shadow: none !important;	
		border: none;
		outline: 0 none !important;
		color: black;
		margin: 0;
		padding: 0;
		background-color: aliceblue;
		height: 20px;
		width: 100% !important;
		border-bottom-width: 0%;
		border-bottom-width: scaleX(0);
		position: relative;
	}