a,
a:focus,
a:hover {color: #fff; outline:none;}

@font-face {
    font-family: BP700;
    src: url("/fonts/FMBolyarPro-700.otf") format("opentype");
}

html,body {height: 100%; font-family: 'BP700', sans-serif;}
body { background-image: url(http://goodhousekeepinghlp.com/img/bg-1440.jpg);text-align: center; background-position: center center; background-attachment: fixed; -webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;}

@media (min-width: 1170px ) {body  }

.overlay { position: absolute; width: 100%; height:100%; left: 0; right:0; top: 0; bottom: 0; background-color: rgba(0,0,0,.6); z-index: 2;}


.site-wrapper {display: table;width: 100%;height: 100%;min-height: 100%;position: relative; z-index: 3; }
.site-wrapper-inner {display: table-cell;vertical-align: top; position:relative; z-index:3;}
.cover-container {margin-right: auto;margin-left: auto; padding-top: 15px;font-size: 20px;}
.cover-heading { margin-top: 10px; margin-bottom: 10px; color: #fff; }
.inner {padding: 15px;font-size: 20px;}
.inner a { display: block; margin: 0 auto; text-align: center; text-decoration:none;color: #fff; }
.inner a img { width: 100%; height: auto; max-width: 400px;color: #000;}


.cover {padding: 5px 5px;}

.other-info { width: 100%; margin: 0px auto; display: table; max-width: 400px; text-align:center;color: #fff; background: rgba(0,0,0, .9); }
.other-info > div { display: table-cell; vertical-align: top; min-width: 240px;padding: 0px 4% 5px;color: #000;}
.other-info .nav {text-align:center;color: #fff;}
.other-info .nav li p {margin: 0;font-size: 32px; letter-spacing: 1px; font-family: 'BP700', sans-serif;color: #fff;}
.other-info .nav a{text-decoration:none;color: #fff; }
.other-info .nav a:hover { color: rgba(255,255,255,0.9); }


@media (max-width: 540px) {
  .cover-container { padding-top: 5%;}
  .cover-heading { font-size: 140%; color:  #fff;}
  .other-info { display: block; padding-top: .5em; padding-bottom: 2em; font-size: 140%;color: #fff;}
  .other-info > div { display: block; min-width: 100%;color: #fff; }
}


@media (min-width: 768px) {
  .masthead {position: fixed;top: 0;}
  .mastfoot {position: fixed;bottom: 0;}
  .site-wrapper-inner {vertical-align: middle;color: #000;}
  .masthead,.mastfoot,.cover-container {width: 100%; }

}

@media (min-width: 992px) {
  .masthead,.mastfoot,.cover-container {width: 700px;}
}


#ie-alert a { color:#d9534f;text-transform: uppercase; font-weight: bold;}
.scroll {margin-top: 10px; margin-bottom: 10px; color: #000; font-size: 25px;}