@font-face {
  font-family: 'Untitled';
  src: url('fontit/untitled.eot'); /* IE9 Compat Modes */
  src: url('fontit/untitled.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fontit/untitled.woff2') format('woff2'), /* Super Modern Browsers */
       url('fontit/untitled.woff') format('woff'), /* Pretty Modern Browsers */
       url('fontit/untitled.ttf')  format('truetype'); /* Legacy iOS */
}

body{background: #e2e1e0; font-family: "Untitled"; font-size: 15px; margin-top: 130px;}
.logo{ width: 30%; float: left;text-align: center;}
.logo img{width: 30%; margin: 0 auto;}
.content{width: 60%; float: left; margin-right: 10%;margin-top: -17px;}
.wrap{}
.description{overflow: hidden;}
p{    margin: 0; margin: 0 0 180px; font-size: 36px; line-height: 78px;  font-family: "Untitled";}
span{padding-right: 30px;}
footer{letter-spacing: 1.5px;line-height: 2; margin-bottom: 40px;} 

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

@media only screen and (max-width: 770px){
	body{margin-top: 50px;}
	.logo, .content{width: 100%;padding: 0 10%;}
	.logo{ text-align: left; }
	.logo img{width: 40%;}
	.content{padding-top: 30px;margin: 0;}
	p{margin: 0 0 40px; font-size: 24px; line-height: 56px; }
	footer{line-height: 2; letter-spacing: 0;font-size: 11px;} 
	footer span{display: block;} 
}