.center {
	position: absolute;
  top: 50%;
  left: 50%;
  width: 70%;
  height: 70%;
  transform: translate(-50%, -50%);
	background: #FFFFFF;
}

.align-left.top {
  align-self: flex-start;
	width: 40%;
}


@font-face {
  font-family: 'LeFont';
  src: url('fonts/Barlow-Medium.ttf') format('truetype');
}


p {
  font-family: 'LeFont';
	font-size: 16px;
	line-height: 0.6em;
	text-decoration: none;
}

a {
	text-decoration: none;
	color: black;
}

a:hover {
	text-decoration: none;
	color: hotpink;

}



.header {
	position: absolute;
	padding-right: 20px;
	width: 100%;
	top: 0;
	text-align: right;
	color: red;
	background: #FFFFFF;
}


.footer {
	position: absolute;
	width: 100%;
	text-align: center;
	bottom: 0;
	background: #FFFFFF;
}


@media (max-width: 768px) {
  .center {
    width: 90%;
    height: 90%;
  }
  .header {
    font-size: smaller;
  }
  .footer {
    font-size: smaller;
  }
}