.sticky {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    }

    #wrapper{
        margin-bottom: 25vh;
    }

    #nav{
        padding: 1em 0;
    }

    #nav .row{
        padding-right: 0;
    }

    #nav h1{
        font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; 
        font-size: 28px; 
    }

    #nav ul{
        list-style-type: none; display: flex; 
        justify-content: flex-end; 
        margin: 0;
    }

    #nav li{
        margin: 0 1em;
    }

    #nav li:nth-child(n+3){
        margin: 0 0 0 1em;
    }

    #nav i{
        font-size: 1.5em; color: rgb(65, 70, 75);
    }

    #nav i:hover{
        color: #AC8D6D;
    }

    #sec-1{
        margin-top: 10em;
    }

    .colm-1 p{
        text-align: justify;
        font-size: 1.3rem;
    }

    .colm-1 h5:nth-child(n+5){
        font-weight: 500; 
        text-decoration: underline;
    }

    .colm-1 h5:nth-child(5){
        margin-top: 3em;
    }

    .colm-2 hr{
        display: none;
    }

    a{
        text-decoration: none;
        color: unset;
    }

    input[type=text], input[type=email], textarea[type=text]{
        background-color: #F8F8F8;
    }

    input[type=submit]{
        background-color: rgba(0, 0, 0, 0);
        border: 1.5px solid black;
        border-radius: 3px;
        padding: 0.6em 1.3em;
    }

    input[type=submit]:hover{
        background-color: black;
        color: white;
    }

    .modal-body{
        margin: 1em;
    }

    #footer{
        background-color: #f7f1e9;
    }

@media (max-width: 767.98px) {

    #wrapper{
        margin-bottom: 10vh;
    }

    #nav h1{
      text-align: center;
      font-size: 23px; 
      position: relative;
      padding-bottom: 0.5em;
    }

    #nav h1:after{
      content: "";
      background: #AC8D6D;
      position: absolute;
      left: 50%;
      bottom: 0;
      transform: translate(-50%, -50%);
      height: 2px;
      width: 50%;
    }
  
    #nav ul{
      list-style-type: none; display: flex; 
      justify-content: center; 
      padding: 0.5em 0;
    }

    #nav li:nth-child(n+3){
      margin: 0 1em;
    }

    #nav .row{
      margin: 0;
      padding: 0;
    }

    .colm-1{
        margin-bottom: 3em;
    }

    .colm-1 h5:nth-child(5){
        margin-top: 2em;
    }

    .colm-2 hr{
        display: block;
    }

    .colm-3{
        margin-top: 3em;
    }

    #sec-1{
        margin-top: 3em;
    }
    #sec-1 .container-fluid{
        margin-right: 0;
    }
 }