@media only screen and (max-width: 800px)  {

    main{

        margin-top: 30% !important;
    }


}

main{
    margin-top: 5%;
}

body{
    background-color: #ecf5ef !important;
}

strong{
    font-weight:  500 !important;
}

.bg-light{
    background-color: #fff !important;
  }
  
  a.navbar-brand{
      margin-left: 50px;
  }
  
  .btn-group-sm>.btn, .btn-sm {
      padding: 0.25rem 0.5rem;
      font-size: .875rem;
      border-radius: 0.2rem;
      margin-top: 18px;
  }
  
  .nav-item>a{
      margin-top: 10px;
      font-weight: 500;
  }
  
  .nav-item>a:hover{
      margin-top: 10px;
      text-decoration: underline;
      color: #00a859 !important; ;
  }
  .dropdown-item>a{
      text-decoration: none;
      color: grey;
  }
  .dropdown-item>a:hover{
      text-decoration: underline;
      color:  #00a859;
  }
  



.post-content{
    margin-top: 6%;
    margin-left: 2%;
    margin-right: 5%;
}

.post-title{
    color:rgb(94, 93, 93);
    font-weight: 500;
    
}

.post-summary{
    margin-left: 2%;
    margin-bottom: 50px;
}

.btn-primary{
    margin-bottom: 10px;
    text-align: center;
    border: #00a859 1px solid !important;
    background-color: #00a859 !important;
    transition: 2s;
}

.btn-primary:hover{
    transition: 2s;
    border: #00a859 1px solid !important;
    background-color: #046839 !important;
}