* {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.splash {
background-color: rgba(0, 0, 0, 0.8);
}
.splash-center {
text-align: center;
max-width: 420px;
padding: 10px;
color:#B20000;
text-shadow: 1px 1px 3px #666666;
background-image:url(../images/bkgs/sf-logo-bkg-popup.jpg);
margin: 10% auto 0;
}
.splash-center p {
text-align: center;
color:#000;
}
.splash-center .btn {
  -webkit-border-radius: 8;
  -moz-border-radius: 8;
  border-radius: 8px;
  text-shadow: 1px 1px 3px #666666;
  -webkit-box-shadow: 4px 4px 10px #666666;
  -moz-box-shadow: 4px 4px 10px #666666;
  box-shadow: 4px 4px 10px #888888;
  font-family: Arial;
  color: #ffffff;
  font-size: 12px;
  background: #df1926;
  padding: 2px 12px 2px 12px;
  border: solid #333333 2px;
  text-decoration: none;
}
.splash-center .btn:hover {
  background: #666;
  text-decoration: none;
}
.splash-title {
margin: 0 0 5px 0;
}
.input-text {
width: 100%;
margin-bottom: 5px;
border: solid 1px #ccc;
padding: 7px;
}
.submit-button {
margin-bottom: 10px;
}
.close-splash {
margin: 0;
font-size: 12px;
color:#000;
}
@media screen and (max-width: 420px) {
.splash-center {
 margin: 0;
}
}