@import url(https://fonts.googleapis.com/css?family=Lato:400,700,900,400italic,700italic);
@import url(https://fonts.googleapis.com/css?family=Montserrat:400,700);

.browsehappy {
  margin: 0.2em 0;
  background: #ccc;
  color: #000;
  padding: 0.2em 0;
}

body {
  font-family: 'Lato', sans-serif;
  padding-top: 20px;
  padding-bottom: 20px;
  background: #f5f5f5;
}

h1,h2,h3,h4 {
  font-family: 'Montserrat', sans-serif;
}

.navbar-default {
  background-color: #fff;
  border-color: #e7e7e7;
}

.footer {
  padding-top: 19px;
  padding-right: 15px;
  padding-left: 15px;
  margin-top:40px;
  text-align:center;
  color: #777;
  font-size:11px;
}

.center {
    text-align:center;
    margin:0 auto;
}

.logo {
    margin: 5px auto;
    padding-bottom: 15px;
}

.text-danger {
   color: #a94442;
}

.italic {
   font-style:italic;
}

/* Customize container */
@media (min-width: 768px) {
  .container {
    max-width: 900px;
  }
}
.container-narrow > hr {
  margin: 30px 0;
}

.login-box {
    max-width: 380px;
}

.login-box label {
    font-weight:normal;
}

.card {
  background:#fff;
  box-sizing: border-box;
  color: rgb(51, 51, 51);
  display: block;
  line-height: 21px;
  overflow-wrap: break-word;
  overflow-x: visible;
  overflow-y: visible;
  padding-bottom: 30px;
  padding-left: 30px;
  padding-right: 30px;
  padding-top: 10px;
  text-align: left;
  margin:0 auto;
}
.login-box .btn {
  padding: 7px 24px;
  font-size: 21px;
  font-family: 'Montserrat', sans-serif;
  text-shadow: 2px 2px 2px rgba(40, 40, 40, 0.5);
}

.box-shadow {
  -webkit-background-clip: border-box;
  -webkit-background-origin: padding-box;
  -webkit-background-size: auto;
  -webkit-box-shadow: rgba(153, 153, 153, 0.74902) 0px 2px 4px 0px;
  -webkit-transition-delay: 0s, 0s;
  -webkit-transition-duration: 0.4s, 1s;
  -webkit-transition-property: height, box-shadow;
  -webkit-transition-timing-function: ease, linear;
  background-attachment: scroll;
  background-clip: border-box;
  background-color: rgb(255, 255, 255);
  background-image: none;
  background-origin: padding-box;
  background-size: auto;
  box-shadow: rgba(153, 153, 153, 0.74902) 0px 2px 4px 0px;
}

/* Responsive: Portrait tablets and up */
@media screen and (min-width: 768px) {
  /* Remove the padding we set earlier */
  .header,
  .marketing,
  .footer {
    padding-right: 0;
    padding-left: 0;
  }
}