#heading {
	<link rel="stylesheet" href="https://use.typekit.net/mrh6yyi.css">
    font-family: forma-djr-deck, sans-serif;
    text-shadow: 0px 0px 0px;
    /* [disabled]letter-spacing: -9%; */
}
*{
	margin: 0px;
	padding: 0px;
}
.logo{
  padding: 10px;
  position: relative; top: 5px;
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 50vw;
  max-width: 100%;
  max-height: 100%;
  height: auto;
	
}
.navbar{
	display: block;
	width: 100%;
	height:auto;
	background-color: #f40b0b;
	overflow: auto;
}
.navbar a:hover{
	color: #FF89D4;
}

@media screen and (max-width: 600px) {
  ul.navbar li.right, 
  ul.navbar li {float: none;}
}
.navbar a{
  float: left;
  padding: 10px;
  color: #FBE4D4;
  text-decoration: none;
  font-family: forma-djr-deck, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 2vw;
  width: 31vw; /* Four equal-width links. If you have two links, use 50%, and 33.33% for three links, etc.. */
  text-align: center; /* If you want the text to be centered */
}
.navbar a.active {
  color: #FF88D3;
}