html {
  scroll-behavior: smooth;
}

body {
  color:#fff;
}

.text-muted {
  color: #b5b5b5!important;     
}

.jumbotron {
  padding-top: 3rem;
  padding-bottom: 3rem;
  margin-bottom: 0;
  background-color: #000;
  border-radius: 0px;
}
@media (min-width: 768px) {
  .jumbotron {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }
}

.jumbotron p:last-child {
  margin-bottom: 0;
}

.jumbotron h1 {
  font-weight: 300;
}

#logo {
  min-width: 260px;
  max-width: 400px;
  width: 50%;
}

.jumbotron .container {
  /*max-width: 40rem;*/
}

.bg-black {
  background-color: #000;
}

footer {
  padding-top: 3rem;
  padding-bottom: 3rem;
  background-color: #000; 
}

footer p {
  margin-bottom: .25rem;
}

footer a, footer a:hover, footer a:focus {
  color: #fff;
}

.social {
  list-style-type: none;  
}

.social {
  width: 100%;
  min-width: 200px;
  max-width: 336px;
  height: 100px;
  margin: 24px auto 0 auto;
  padding: 0px;
}
.social li a{
  display: block;
}

.social li {
  float: left;
  margin: 0 10px; 
  width: 19%;
}

.social img{
  height: auto;
  width: 100%;
  max-width: 64px;
  min-width: 32px;
}

@media only screen and (max-width: 400px) {
  .social img{
    height: auto;
    width: 32px;
  }
  .social li {
    width: 17%;
  }
}

.btn-outline-secondary {
  background: #fff;
  color: #000;
  font-weight: 700;
  padding: .6rem 1.2rem;
  font-size: 1.5rem;
}