body, html {
    height: 100%;
    overflow: hidden;
}

* {
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}


body {
    background: #000 url(../../_ui/media/coming-soon.jpg) no-repeat center center;
    background-size: cover;
    color: #fff;
    position: relative;
    height: 100%;
    font-family: 'Roboto', sans-serif;
    margin: 0 auto;
}

h2 {
    font-size: 30px;
    line-height: 40px;
    font-weight: 300;
    margin-bottom: 24px;
    color: #fff;
    font-weight: 900;
}

p {
    margin-bottom: 0;
    color: #fff;
    font-size: 16px;
    opacity: 0.9;
}

section {
	height: 100%;
	padding: 20px 50px;
}

section:before {
	content: '';
	display: inline-block;
	vertical-align: middle;
	height: 100%;
	margin-right: -0.25em;
}

section .container {
	display: inline-block;
	vertical-align: middle;
}

@media (min-width: 700px) {
	section .container {
		width: 60%;
	}
}