html {
  overflow-y: scroll; 
}

body {
  font-family: "Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
  background-color: #ffffff;
  margin-bottom: 60px;
  margin-top: 60px;
}

/* navbar and footer */
.navbar-dark {
  font-family: "roboto",sans-serif;
  background-color: #1a1938;
}

.navbar-dark .navbar-brand {
  color: #f8f9fa;
}

.navbar-dark .nav-item .nav-link {
  margin-left: 5px;
  margin-right: 5px;
  color: #f8f9fa;
}

.text-brand:hover {
  color: #f8f9fa;
  text-decoration: none;
}

.text-brand {
  color: #f8f9fa;
}

.text-footer {
  color: #f8f9fa;
}

.text-gray {
  color: #b8b9ba;
}

.footer {
  background-color: #1a1938;
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 60px;
}

.footer-email {
  padding: 0;
  color: rgba(255, 255, 255, 1.0);
}

.footer-link {
  padding: 0.5rem 1rem;
  color: rgba(255, 255, 255, 1.0);
}

.footer-link:hover, .nav-link:focus {
  text-decoration: none;
  color: rgba(255, 255, 255, 0.75);
}

/* landing page */
.container-fluid {
  height:100%;
  display:table;
  width: 100%;
  padding: 0;
}

.row-fluid {
  height: 100%;
  display:table-cell;
  vertical-align: middle;
}

.centering {
  float:none;
  margin:0 auto;
}

.white * {
  color: #ffffff;
}

.intro {
  background: url("imgs/background_codedog_slackapp.jpg");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

.intro * {
  text-shadow: 0px 0px 15px #000000;
}

/* unvisited link */
.intro.white a:link {
  color: white;
}

/* visited link */
.intro.white a:visited {
  color: white;
}

/* mouse over link */
.intro.white a:hover {
  color: white;
  text-decoration: underline;
}

/* selected link */
.intro.white a:active {
  color: white;
}

.me {
  background-image: linear-gradient(#000000, #1a1938);
}

.me a:hover {
  color: #ffffff;
  text-decoration: underline;
}

h1 {
  margin-top: 25px;
  margin-bottom: 20px;
}

h2 {
  margin-top: 20px;
  margin-bottom: 20px;
}

p:last-child {
  margin-bottom: 0
}

p {
  line-height: 180%;
  color: #555555;
  margin: 20px;
}

/* landing */
section.landing img {
  background-color: white;
  border-radius: 5px;
  box-shadow: 2px 2px 8px 0 rgba(0, 0, 0, 0.2), 4px 4px 20px 0 rgba(0, 0, 0, 0.19);
}

section.landing ul {
  margin-bottom: 0;
  line-height: 180%;
  color: #555555;
}

section.landing p {
  line-height: 180%;
  color: #555555;
  margin: 20px;
}

section.landing .row {
  padding-top: 25px;
  padding-bottom: 25px;
}

section.landing .container-fluid {
  padding-right: 0;
  padding-left: 0;
}

section.landing hr {
  border-top: 1px dashed rgba(0,0,0,.4);
}

/* config */
section.config p {
  margin: 5px;
}

section.config .row {
  padding-top: 5px;
  padding-bottom: 5px;
}

.container-fluid {
  padding-right: 0;
  padding-left: 0;
}

/* config */
section.faq p {
  margin: 0px;
  margin-bottom: 15px;
}

/* Support images on mobile devices */
img {
  max-width: 100%;
}