/*------------------------
  Pluzh Coming Soon CSS
-------------------------*/
*, *:after, *:before { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-size:16px }
::selection { background:#ddd; color:#222 }
::-moz-selection {background: #ddd; color:#222}
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block }
html, body { margin:0; padding:0 }
html { height:100%; font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100% }
body { background:#f0f0f0; text-align:center }
p { -webkit-hyphens: none; -epub-hyphens: none; -moz-hyphens: none; hyphens: none; color:#B23D6C; white-space: pre-wrap }
.cf { zoom: 1 }
.cf:before, .cf:after { content: ""; display: table }
svg:not(:root) { overflow: hidden }
p { -ms-word-break: break-all; -ms-word-wrap: break-all; word-break: break-word; word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; -webkit-hyphenate-before: 2; -webkit-hyphenate-after: 3; hyphenate-lines: 3; -webkit-font-feature-settings: "liga", "dlig"; -moz-font-feature-settings: "liga=1, dlig=1"; -ms-font-feature-settings: "liga", "dlig"; -o-font-feature-settings: "liga", "dlig"; font-feature-settings: "liga", "dlig" }

.wrap { display: table; position: absolute; height: 100%; width: 100% }
.mainContent { display: table-cell; vertical-align: middle }
header { margin:0; padding:0; }
header p { margin:0 0 10px; font-size:.8em; color:#999 }
.logo { width:150px; height:44px; margin:0 auto 0; background-image:url(/images/PLZ_logo2016_lone.png); background-image:url(/images/PLZ_logo2016_lone.svg); background-position:center top; background-size:98px; background-repeat: no-repeat }

img { border: 0; width:180px; height:auto }

h1 { font-size: 1.4em; color:#444; margin: 0; font-family:'Roboto Condensed', 'Helvetica Neue', Helvetica, sans-serif; font-weight:300; letter-spacing:-.05em }
p { font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight:normal; font-size:1em; letter-spacing:-.025em; margin:5px 0 0 }

@media only screen and (min-width:360px) {
	.logo { margin:0 auto 4px; width:160px; height:54px; background-size:120px; }
	header p { margin-bottom:25px; font-size:.9em }
	img { width:200px; height:auto }
	h1 { margin-top:35px }
	p { margin-top:15px }
}
@media only screen and (min-width:480px) {
	.logo { margin:1em auto .3em; }
	p { margin-bottom:2.5em }
}
@media only screen and (min-width:768px) {
	.logo { width:174px; height:100px; background-size: 170px auto; margin:1em auto 0 }
	img { width:240px; height:auto }
	p { white-space: initial; margin-top:20px; margin-bottom:4em }
	header p { margin:0 0 40px !important; }
}