body{
	background: #000 url("u-construction.jpg") no-repeat fixed center; 
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
	color: #c58b3c;
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100vh;
	font-size:14px;
}

*,*:before,*:after{
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}

.clear{
	clear: both;
}

.container {text-align: center; max-width: 90%;}
p {font-size:24px; letter-spacing: 1px; font-weight: 300;}
a {text-decoration: none; color:#c58b3c; font-weight: 100;}
hr {box-sizing: content-box; height: 0;	overflow: visible; margin:20px; border: 0; border-top: 1px solid #c58b3c; opacity: .3;}
h1 {font-size:42px; color:#c58b3c; font-family: 'Barlow', sans-serif; font-weight: 300; line-height: 1; margin:24px 0 64px 0;}
h1 span {font-size:24px; opacity:.8; font-weight: 100; }
h2 {font-size:32px; font-weight: 500; margin:0; letter-spacing: 3px;}
ul {list-style: none; display: flex; margin:64px 0 0 0; justify-content: center;}
li {margin:10px;}
li i {padding-right:10px;}
.logo {max-width:200px;}

@media only screen and (min-width:0) and (max-width:768px) {
	h1 {font-size:36px;}
	h1 span {font-size:18px; }
	h2 {font-size:24px; letter-spacing: 0;}
	ul {flex-wrap: wrap; justify-content: center;}
}