html,
body {
	min-height: 100%;
}

html {
  background: #f4f4f4 url(../img/b23.gif) no-repeat bottom center fixed;
  background-size: cover;
  height: 100%;
}
body {
  background: transparent;
  color: #ddd;
  font-family: 'Open Sans', sans-serif;
  text-align: center;

  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

h1, h2 {font-weight: 400;}
p {font-weight: 400; font-size: 14px;}
h1 {color: #fff; font-size: 32px; line-height: 1.1; text-transform: uppercase; flex-shrink: 3; display: none;}
h2 {font-size: 21px; margin: 0 0 20px; pdding: 0;}

/*h2 {text-shadow: rgba(0,0,0,.4) 0 0 2px;margin: 20px 0; padding: 10px 0; border: solid rgba(0,0,0,.3); border-width: 1px 0; box-shadow: 0 1px 0 rgba(255,255,255,.1), inset 0 1px 0 rgba(255,255,255,.1);}*/

.ydeal a {text-decoration: underline; color: inherit;}
.ydeal a:hover {text-decoration: none;}

.container {
	background: #000;
	background: rgba(0,0,0,.8);
	/* YDEAL Blue
	background: #0071BA;
	background: rgba(0,113,186,.8);
	*/
	box-shadow: 0 0 300px rgba(255,255,255,.5), inset 0 0 0 1px rgba(0,0,0,.3), inset 0 0 0 2px rgba(255,255,255,.15);
	padding: 20px;
	margin: 20px;
  min-width: 240px;
  display: flex;
  flex-direction: column;
  height: 100%;
}