*{margin: 0em; padding: 0em; list-style: none; text-decoration: none;  box-sizing:border-box;}
body{
	font-family: 'Open Sans Condensed', Helvetica, Verdana, Arial, sans-serif;
	background: -webkit-linear-gradient(-45deg, #f0fcff 0%, #fff9e6 100%);
	background: -webkit-linear-gradient(-80deg, #0d0c17 0%, #5f4502 100%);
	height: 100vh;
	width: 100%;
	font-size: 2.2vh;
}
@media(orientation: portrait){
	body{		
		font-size: 2vw;
	}
}
section{
	width: 100%;
	float: left;
}
.date{
	font-size: 6vh;
	line-height: 1.5em;
	text-align: center;
}
.links{
	animation: fIn 2s 0s ease-out;
}
@keyframes fIn {
  0%  {
	opacity: 0;
  } 
  70%  {
	opacity: 0;
  }
  100% {  
	opacity: 1;
  }
}

ul{
	display: block;
	float: left;
	width: 25%;
}
li{
	display: block;
	float: left;
	position: relative;
	width: 100%;
	height: 6em;
	text-align: center;
	line-height: 1em;
	padding-top: 4.7em;
}
li img, li .svg{
	position: absolute;
	left: 0em;
	right: 0em;
	margin: 0em auto;
	bottom: 1.6em;
	max-height: 3em;
	max-width: 6em;
}
.svg path{
  	
}

@media(max-width: 700px){
	body{
		font-size: 4vw;
	}
	.date{
		font-size: 12vw;
	}
	ul{
		display: block;
		float: left;
		width: 50%;
		height: 32em;
	}
}

a, .date{
	color: hsla(200,0%,0%,1);

}