.fix-bottom {
position: fixed;
bottom: 10px;
right: 10px;
z-index: 1;
}

.navbar-nav li {
  margin-right: 20px;
}

html {
  scroll-behavior: smooth;
}
body {
  background-color: #f5f5f5;
}

#title {
  height: 100px;
  width: auto;
}

.profile-text {
  font-size: 18px;
}

.large-text  {
  font-size: 18px;
}

.text-center {
  text-align: center;
}

.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5  {
  text-align: center;
}

#brand-logo {
  /*width: 85%;*/
  height: auto;
  margin-top: 10px;
}

.logo {
max-height: 120px;
width: auto;
margin-bottom: 18px;

}

.title {
text-align: center;
margin-top: 50px;
margin-bottom: 0px;
}

.big-pic {
  width: 100%;
  height: auto;
  margin-top: 8px;
}

#profile-pic {
  width: 100%;
  height: auto;
  border-radius: 100%;
}

.content {
  margin-top: 20px;
}

.iframe-container{
    position: relative;
    width: 100%;
    padding-bottom: 56.25%; /* Ratio 16:9 ( 100%/16*9 = 56.25% ) */
}

footer {
  margin-top: 25px;
  margin-bottom: 25px;
  letter-spacing: 2px;
  width: auto;
}
/*.navbar-fixed-top {
    position: relative;
    top: auto;
  */
@media (max-width: 767px) {
   /*.navbar-fixed-top {
        position: relative;
        top: auto;
    } */
    .navbar-collapse {
        max-height: none;
    }
    body {
        margin: 0;
    }
}