* {
  box-sizing: border-box;
  margin-top: 0px;
}
.top {
  /*position: fixed;*/
  top: 0;
  margin-top: 0px:;
  padding-top: 0px;
  width: 100%	
  /*border-width:2px;
  border-style: dashed;*/
}
.topleft{
	vertical-align: top;
  	display: inline-block;
	width:20%;
	float: left;
	margin-left: 2%;
	margin-right: 2%;
	/*border-width: 2px;
	border-style: solid;*/
}

.topleft img{
}

.topcenter {
	/*top: 0px;*/
	vertical-align: top;
  	float:left;
	margin-top: 0px;
  	display: inline-block;
  	text-align: center;
	width:35%;
	/*height: 175px;*/
	margin-left:8%;
	/*margin-right: auto;*/
	padding-top: 0px;
	/*padding-bottom: 0px;*/
	/*border-width: 2px;
	border-style: solid;*/
}



.topcenter h1{
  	color: blue;
  	margin-top: 0px;
  	/*text-align: center;*/
  	font-size: 42px;
	/*margin-left: auto;
	margin-right: auto;*/
	/*padding-top: 0px;*/
	/*padding-bottom: 0px;*/
}

.topcenter h2{
	font-size: 20px;
	text-align: center;
	/*margin-left: auto;*/
	margin-top: 0px;
	/*padding-bottom: 0px;*/
}
.topright {
	vertical-align: top;
	display: inline-block;
	top:0%;
	padding-top: 0%;
	margin-top: 0%;
	float:right;
	width:22%;
	margin-right: 1%;
	/*margin-left: auto;*/
	/*border-width: 2px;
	border-style: solid;*/
}
/* The sticky class is added to the header with JS when it reaches its scroll position */
.sticky {
  position: fixed;
  top: 0;
  width: 100%;
}

.row {
	
}

/* Create three equal columns that floats next to each other */
.column {
  float: left;
  width: 33.33%;
  padding: 5px;
  /*height: 400px; /* Should be removed. Only for demonstration */

}

/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}

.top img {

}

