body{
	background: #000 url("u-construction.jpg") no-repeat fixed center; 
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
	color: #fff;
    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:#eee; font-weight: 100;}
hr {box-sizing: content-box; height: 0;	overflow: visible; margin:20px; border: 0; border-top: 1px solid #fff; opacity: .3;}
h1 {font-size:48px; color:#fff; font-family: 'Barlow', sans-serif; font-weight: 300; line-height: 1; margin:0 0 84px 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:84px 0 0 0; padding:0; justify-content: center; flex-wrap: wrap; }
li {margin:10px;}
li i {padding-right:10px;}

@media only screen and (min-width:0) and (max-width:768px) {
	h1 {font-size:40px;}
	h1 span {font-size:18px; }
	h2 {font-size:24px; letter-spacing: 0;}

}