body,
html {
  height: 100%;
}
body {
  overflow-x: hidden;
  color: white;
  background-color: #2c7f98;
  font-family: "Lato", sans-serif;
}
.navbar-brand img {
  height: 2em;
  margin-right: 10px;
}
#cont {
  margin-top: 20px;
  font-weight: 600;
  text-decoration: 2px #fff underline;
  font-size: 2.3em;
}
.container {
  margin-top: 35px;
}
/* .clr {
  background-color: #1e92b3 !important;
  border-radius: 6px 6px;
} */
nav {
  background-color: rgba(52, 58, 64);
}
#sbmt_btn {
  margin-bottom: 15px;
}
#error {
  color: #fb4e4e;
  font-weight: 600;
}
ul.navbar-nav a {
  color: white !important;
  font-weight: 600 !important;
  font-size: 1.15em;
  margin-left: 5px;
  letter-spacing: 0.2px;
}
ul.navbar-nav a:hover {
  color: #076da8 !important;
  text-decoration: #076da8 1px underline;
  padding-bottom: 10px;
  font-weight: 700 !important;
}
#contact {
  background-color: #1e92b3;
  border-radius: 0px 10px 0px 10px;
  padding: 1px;
}
#contact:hover {
  color: #ffffff !important;
}
#info-para {
  font-size: 1.25em;
  margin-top: 10px;
  line-height: 35px;
}
#info-para i {
  font-size: 1.2em;
}
@media only screen and (min-width: 500px) {
  body {
    background-image: linear-gradient(
      to top bottom,
      #1e92b3,
      #2b819b,
      #317184,
      #34616e,
      #355159
    );
  }
}