@font-face{
	font-family: Lapidar;
	src:url(/Lapidar-Light.otf);
}

@font-face{
	font-family: Metropol;
	src:url(/Metropol-Black.otf);
}

body{
	background-color: #f26d21;
}

.body {
	width:500px;
	height:500px;
	 margin: 0 auto;
	position: absolute;
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);}

.body-title{
	font-family: Metropol;
	font-size:5em;
	letter-spacing: 1pt;
	line-height: 0.9em;
}

.body-text{
	color:black;
	font-family: Lapidar;
	font-size:1.1em;
	letter-spacing: 0pt;
	line-height: 1.3em;
}


a{
	color:white;
	text-decoration: none;
}
a:hover{
	}

.tab{
	margin-left:40px;
}

@media only screen and (max-width: 800px) {

	.body {
		width: 70%;
		height:100%;
		margin-top:15%;
		}

.body-title{
	font-size:4rem;}

	.tab{
	margin-left:20px;
}