body { background-color:#000; background-image: url("images/bg-main-header.png"); background-position:top center; background-repeat:repeat; font-family: 'Roboto', sans-serif; }

a:link, a:visited { text-decoration:none; font-weight:700; color:#666; }
a:hover { color:#FFF; }
a.urly:hover { background:#000; padding:3px 5px; }

.hero { display:block; margin:5% auto 0; max-width: 500px;}

* {
  box-sizing: border-box;
}
.threebox {
	display:block; margin:5% auto; max-width:900px; 
}
/* Create three equal columns that floats next to each other */
.column {
	float: left;
	width: 33.33%;
	padding: 10px;
	text-align: center;
}

/* Clear floats after the columns */
.row:after {
	content: "";
	display: table;
	clear: both;
}

/* Responsive layout - makes the three columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {
	.threebox { max-width: 500px; }
	.column { width: 100%; }
	a:link, a:visited, a:hover { font-weight: 500; }
}