body{
  font-family: 'Roboto', sans-serif;
}

.pm-blue{
  color: #40A2F1;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #40A2F1;
    margin: 1em 0;
    padding:0;
}

h2{
  font: 400 20px/32px Roboto,sans-serif;
}

#hdr-img{
  background: linear-gradient( rgba(64, 162, 241, 0.85), rgba(64, 162, 241, 0.85) ), url("securityCam.jpg");
  background-size: cover;
  background-position: 0px -180px;
  min-height: 350px;
  background-color: #fff
}


@media only screen and (max-width: 1100px) {
  #hdr-img{
    background-position: 0px -80px;
  }
}


@media only screen and (max-width: 860px) {
  #hdr-img{
    background: linear-gradient( rgba(64, 162, 241, 0.85), rgba(64, 162, 241, 0.85) ), url("securityCam.jpg");
    background-size: cover;
    background-position: 0px -40px;
    min-height: 350px;
    background-color: #fff
  }

}

#hdr-img h1{
  font-size: 26pt;
  color:#fff;
  line-height: 1.5em;
  font-weight: 500;

}

.title-1 a{
    text-decoration: none;
    color:#40A2F1;
}

.title-1 a:hover{
    color:#666;
}


p{
  font-size: 11pt;
}
.top-25{
  margin-top:25px
}

.top-50{
  margin-top:50px
}

.btm-25{
  margin-bottom:25px
}

.btm-50{
  margin-bottom:50px
}

.footer{
  margin-bottom: 30px;

}

.padd-lr{
  padding-right:15px;
  padding-left:15px;
}

.ftr-right ul{
    list-style: none;

}

.ftr-right li{
  display: inline-block;
  padding-right: 10px;
}

.ftr-right a{
  color: #40A2F1;
  font-weight: 500;
  font-family: sans-serif;
}

.ftr-txt-1{
  color: #999;
}

.dis-links{
  border-top: 1px solid #40A2F1;
  border-bottom: 1px solid #40A2F1;
  margin-top:50px;
  text-align: center;

}
.dis-links ul{
  list-style: none;
  font-size: 13pt;
  font-weight: 600;
}

.dis-links li{
  display: inline-block;
  padding-right: 35px;
  padding-top:15px;
}

.dis-links a{
  color:#40A2F1;

}

sup{
  vertical-align: super;
    font-size: 8pt;
}

.keyben ul{
  font-size:13pt;
}

  .signup-link, .login-link
  {
     height: 43px;
  }
  .signup-link
  {
     margin-right:1px;
  }
  .login-link
  {
     margin-right: -1px;
  }
  .signup-link a img, .login-link a img
  {
     height: 17px;
  }
  .signup-link a, .signup-link a:hover, .signup-link a:focus
  {
     color: #FFF !important;
  }
  .signup-link, .signup-link:hover, .signup-link:focus
  {
     background-color: #40A1F1 !important;
     border: 1px solid #40A1F1;
  }
  .login-link a, .login-link a:hover, .login-link a:focus
  {
     color: #40A1F1 !important;
  }
  .login-link a, .login-link a:hover, .login-link a:focus, .signup-link a, .signup-link a:hover, .signup-link a:focus
  {
     padding-top: 12px !important;
     padding-bottom: 12px !important;
     line-height: 17px !important;
     font-size: 14px !important;
     font-family: 'Roboto', sans-serif;
     font-weight: 500 !important;
  }
  .login-link, .login-link:hover, .login-link:focus
  {
     border: 1px solid #40A1F1;
  }
  .navlink-right-pad
  {
     margin-right: 50px;
  }

  #sc-user-controls {
      margin-top: 21px;
  }

  #sc-signin-signout {
      margin-right: 2em;
  }

  .navbar-default {
      background-image: none;
      background-repeat: none;
      border-radius: 0px;
      box-shadow: none;
  }
  .navbar-default {
      background-color: #fff;
      border-color: #fff;
  }

  #sc-home-link {
      display: inline-block;
      padding: 5px 0 0;
  }
  #sc-home-link {
      line-height: 23px;
      vertical-align: middle;
  }

@media only screen and (max-width: 768px) {

  .signup-link, .signup-link:hover, .signup-link:focus {
      margin-top: -25px;
      margin-left: 10%;
      width: 80%;
      text-align: center;
    }

    .login-link, .login-link:hover, .login-link:focus {
      margin-top:-10px;
      margin-left: 10%;
      width: 80%;
      text-align: center;
    }
}

#signin-button
{
   background-position-y: -40px;
}



/*#sc-nav-container{
  display: none;
}*/

/* California conspicuousness requirement - Legal disclaimer styling */
.legal-disclaimer {
  border: 2px solid #dc2626;
  background: linear-gradient(to bottom, #fef2f2, #ffffff);
  padding: 1rem;
  margin: 1rem 0;
  border-radius: 0.5rem;
  font-weight: 600;
  color: #1f2937;
}
.legal-disclaimer::before {
  content: "⚠️ ";
  font-size: 1.25rem;
  margin-right: 0.5rem;
}