* {
  box-sizing: border-box;
}

/* Style the body */
body {
  font-family: Verdana;
  margin: 0;
}

/* Header/logo Title */
.header {
  padding: 15px;
  text-align: center;
  background: #e0e0e0;
  color: #666;
}
span.spam {display:none;}

.center {
  display: flex;
  margin-left: auto;
  margin-right: auto;
  width: 80%;
  margin-top: auto;
  margin-bottom: auto;
}
.centerimp {
  display: flex;
  margin-left: auto;
  margin-right: auto;
  width: 40%;
  margin-top: 10px;
  margin-bottom: auto;
}
/* Style the top navigation bar */
.navbar {
  display: flex;
 justify-content:flex-end; 
  text-align: right;
  background-color: #2eaadc;
  font-size:18px;
  font-weight:600;
  position:sticky;
}


.navbar_footer {
  display: flex;
 justify-content:flex-end; 
  text-align: right;
  background-color: #2eaadc;
  font-size:14px;
  font-weight:600;
  position:sticky;
}
  /* Style the footer */
  footer {
	    background-color: #ffffff;
	      padding: 3px;
	        text-align: center;
		  color: #eee;
		  height:45px;
	  }


/* Style the navigation bar links */
.navbar a {
  color:#000;
  padding: 14px 20px;
  text-decoration: none;
  text-align: right;
}


.navbar_footer a {
  color:#000;
  padding: 10px 10px;
  text-decoration: none;
  text-align: right;
}
/* Change color on hover */
.navbar a:hover {
  background-color: #a0a0a0;
  color: black;
  font-size:16px;
}

.navbar_footer a:hover {
  background-color: #a0a0a0;
  color: black;
  font-size:14px;
}
/* Column container */
.row {  
  display: flex;
  /*
  flex-wrap: wrap;
  flex-direction: column-reverse;
  */
}

/* Create two unequal columns that sit next to each other */
/* Sidebar/left column */
.side {
  flex: 35%;
  background-color: #e0e0e0;
  padding: 3px;
}
/*
.side > div {
	width:33%;
	line-height:500px;
	padding:10px;
}
*/
.sideimp {
  flex: 15%;
  background-color: #e0e0e0;
  padding: 3px;
}
.imp {
	font-size:18pt
	padding:20px;
}

/* Main column */
.main {
  flex: 35%;
  background-color: white;
  padding-left: 30px;
}

/* Fake image, just for this example */
.maina { 
  flex: 65%;
  background-color: #e0e0e0;
  padding: 10px;
  justify-content: center;
}
.fakeimg {
  background-color: #aaa;
  width: 100%;
  padding: 20px;
	  background-image: linear-gradient(45deg, white 0%, black 50%);
}
.centera {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  margin-top: 30px;
  margin-bottom: auto;
  background-image: linear-gradient(45deg,white 0%, #2eaadc 50%);
}

/* Footer */
/* .footer {
  padding: 20px;
  text-align: center;
  background: #e0e0e0;
}
*/
ul.a {
  list-style-type: disc;
	  font-size:18px;
	  margin-left:30px;
}

.focus {
font-size:24px;
display: block;
margin-left:30px;
margin-right:auto;
}


.focus1 {
font-size:24px;
display: block;
font-weight:450;
margin-left:0px;
margin-right:auto;
text-align:left;
}

/* Responsive layout - when the screen is less than 458px wide, make the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 750px) { .h1{style="font-size:10px"}
.centera {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 50%;
  margin-top: 15px;
  margin-bottom: auto;
  background-image: linear-gradient(45deg,white 0%, #2eaadc 50%);
	  font-size:10px;
}
.maina { 
  flex: 65%;
  background-color: #e0e0e0;
  padding: 10px;
  font-size:12px;
  text-align:center;
}
.focus{
	font-size:14pt;
	display:block;
	margin-left:6pt;
}
  .row {   
    flex-direction: column-reverse;
  }
  .navbar {   
    flex-direction: column;
  }
.main {
  background-color: white;
  padding: 10px;
}
.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 30%;
  display:flex;
  justify-content: center;
}
}