* {
		margin:0;
		padding:0;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}

	html { 
		font-family: 'Avenir LT 65';
		font-size:18px;
		line-height:28px;
		color:white;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
	}
	
	body {
		background:#4D5858;
	}
	
	html, body {
		height: 100%;
	}

	ul li {
 		color: white; 
		list-style: none;
		counter-increment: foo;
		display:table-row;
	}

	ul {
		counter-reset: foo;
		display: table;
		margin-bottom:10px;
	}

	li::before {
		color: #B99D56;  
 		content: "\25CB"; 
	  	font-size: 1em; 
  		padding-right: 1em; 
  		position: relative;
  		top: 0em;
		display: table-cell;
		text-align: right;
	}

	h1 {
		display: none;
	}
	
	h2 {
		text-transform: uppercase;
		font-size:18px;
		line-height: 28px;
		letter-spacing:4px;
		color:#B99D56;
		margin-bottom:25px;
	}
	
	a {
		color:white;
		text-decoration:none;
		-o-transition:.4s;
		-ms-transition:.4s;
		-moz-transition:.4s;
		-webkit-transition:.4s;
		transition:.4s;
	}

	a.highlight {
		color:#B99D56;
		line-height:18px;
		margin-bottom:10px;
		border-bottom:1px solid #B99D56;
	}
	
	a:hover {
		color:#B99D56;
	}

	a:hover.highlight {
		color:white;
		border-bottom:1px solid white;
	}

	a:focus {
		outline:none;
	}
	
	/* Logo */

	.logo {
		position:absolute;
		width:295px;
		height:auto;
		left:60px;
		top:60px;
		z-index:5;
	}

	.beat-line {
		width:100%;
		height:1px;
		position:absolute;
		background:#B99D56;
		top:175px;
		left:0;
	}

	.beat {
		position:absolute;
		width:20px;
		left:-20px;
		top:156px;
		background:#4D5858;
		animation-name: beat;
		animation-duration: 10s;
		animation-delay: 0.5s;
		animation-iteration-count: infinite;
		animation-fill-mode: forwards;
		animation-timing-function: linear;
	}

	@keyframes beat {
	  0% {
		left: -20px;
		opacity:1;
	  }
	  10% {
		opacity: 0;
	  }
	  20% {
		opacity: 1;
	  }
	  30% {
		opacity: 0;
	  }
	  40% {
		opacity: 1;
	  }
	  50% {
		opacity: 0;
	  }
	  60% {
		opacity: 1;
	  }
	  70% {
		opacity: 0;
	  }
	  80% {
		opacity: 1;
	  }
	  90% {
		opacity: 0;
	  }
	  100% {
		left: 100%;
		opacity: 1;
	  }
	}

	.beat-symbol {
		fill:none;
		stroke:#B99D56;
		stroke-linecap:round;
		stroke-linejoin:round;
		stroke-miterlimit:10;
	}

	.beat img {
		width:295px;
		height:auto;
	}

	/* Content */

	.full-content {
		display:table;
		width:100%;
		height:100%;
		padding:0 60px;
	}

	.content {
		padding-top:75px;
		display:table-cell;
		vertical-align: middle;
	}

	.tagline {
		font-size:3.5vw;
		line-height:5vw;
		float:left;
		margin-right:10%;
	}

	.services {
		float:left;
		width:60%;
	}

	.services .services-column {
		float:left;
		width:45%;
		margin-right:5%;
	}

	.services ul:last-child {
		margin-right:0;
	}

	/* Footer */

	.contact {
		position:absolute;
		bottom:55px;
		left:60px;
	}

	.contact a {
		display:table;
	}

	@media only screen and (max-width : 1024px) {
		.logo {left:50%; transform:translateX(-50%); width:240px;}
		.beat-line {top:153px;}
		.beat {top:134px;}
		.full-content {display:inline-block; height:auto; padding:0 30px;}
		.content {display:block; margin-top:150px;}
		.tagline {font-size:30px; line-height:40px; text-align:center; float:none; margin:0;}
		h2 {text-align: center; line-height:22px; margin:30px 0; font-size:12px;}
		.services {float:none; margin:0 auto;}
		.services .services-column {width:100% !important; margin:0;}
		.contact {margin-top:100px; margin-bottom:60px;left:0; position:relative; display:block; text-align:center; width:100%; padding:0 60px;}
		.contact a {display:block;}
		.contact a.highlight {display:inline-block; margin-bottom:8px;}
	}

	@media only screen and (max-width : 480px) {
		.services {width:100%;}
	}