.page-layout {
background: linear-gradient(150deg, #6c7794, #606c8a, #536180, #475676);

border-color: rgba(0, 0, 0,0.99);
border-style: solid;
border-width: 0px;
}

.running-head {
background:  linear-gradient(150deg, #6c7794, #606c8a, #536180, #475676);
border:  black
border-style: solid;
border-width: 0px;
border-radius: 0px;
} 


.main {
width:100%;	
align-items: center;
border-color: rgba(154, 150, 150, 0.41);
border-style: solid;
border-width: 0px;
background: linear-gradient(150deg, #6c7794, #606c8a, #536180, #475676);
margin:5px;
}




.fancybox-image {
background-color: black;
padding: 10px;
}




form#login {
  align-items: center;
  display: flex;
  flex-direction: column;
}




p {
	border-style: solid;
	text-align: left;
	width:100%
	margin:3px;
	border-width: 0px;
  ;
}

div.kg2 {
  width:100%
  margin: auto;
  overflow:auto;
 border-style: solid;
  border-color: green;
  border-width: 1px;


}
div.kg1 {
  width:50%;
  margin: auto;
  overflow:auto;
  background-color:blue;
  margin: auto;
  border-style: solid;
  border-width: 0px;
  text-align: left
  ;

;

}
div.kg1 div {
  width:50%;  
  margin: 5px;
  float:left;
  border-style: solid;
  border-color: red;
  border-width: 0px;
  text-align: lef; 
  background-color:red;
  overflow:auto;

}
div.x  {
  width: 50%;
  margin: auto;
  text-align:lef;  

  background-color:red;}
div.x2  {
  width: 80%;
  margin: auto;
  text-align:lef
  border-style: solid;
  border-color: red;
  border-width: 10px;
float: center;

  ;  
}
div.x3  {
  width: 80%;
  margin: auto;
  text-align:lef
  border-style: solid;
  border-color: red;
  border-width: 10px;
    background-color: auto;
clair: right;
}


.flex-container {
  display: flex;
  flex-direction: row;
  font-size: auto;
  text-align: left;
}

.flex-item-left {
  padding: 8px;
  flex: 50%;
  background: linear-gradient(150deg, #6c7794, #606c8a, #536180);
}

.flex-item-right {
  padding: 8px;
  flex: 50%;
  background: linear-gradient(150deg, #6c7794, #606c8a, #536180);
;
}




@media (max-width: 500px) {
  .flex-container {
    flex-direction: column;
  }
}

.a  {
  width: 50%%;
  margin: 5px;
  padding: 5px;
 background-color: linear-gradient(150deg, #6c7794, #606c8a, #536180);
  
}



.kg50 {
	margin: 0% 25%;
	width: 50%;
	border-color: red;
	border-style: solid;
	border-width: 0px;
	padding:3px 3px;
	text-align: center;
	
}

.kg50 {
	margin: 0% 25%;
	width: 50%;
	border-color: red;
	border-style: solid;
	border-width: 0px;
	padding:3px 3px;
	text-align: center;
	
}






div.kg2 {
  width:90%;
  margin: auto;
 border-style: solid;
 border-color: green;
 border-width: 1px;

}
div.kg1 {
  width:100%;
  margin: auto;
  overflow:auto;
  

}
div.kg1 div {
  width:50%;  
  margin: auto;
  float:left;
 border-style: solid;
 border-color: blac;
 border-width: 1px;
 text-align: lef; 


}
div.x  {
  width: 100%;
  margin: auto;
  text-align:lef;  
}
div.x2  {
  width: 100%;
  margin: auto;
  text-align:lef
  ;  
}
</style>
 border-style: solid;
  border-color: green;
  border-width: 1px;
*/