body {
      padding: 0;
      margin: 0;
      background: #f2f6e9;
    }
    /*--- navigation bar ---*/
    .navbar {
      background:#6ab446;
    }
    .nav-link,
    .navbar-brand {
      color: #fff;
      cursor: pointer;
    }
    .nav-link {
      margin-right: 1em !important;
    }
    .nav-link:hover {
      color: #000;
    }
    .navbar-collapse {
      justify-content: flex-end;
    }

	@media (max-width: 575.98px) {
      .description {
        left: 0;
        padding: 0 15px;
        /* position: absolute; */
        top: 30%;
        transform: none;
        text-align: center;
      }
      
      .description h1 {
        font-size: 2em;
      }
      
      .description p {
        font-size: 1.2rem;
      }
      
      .features {
        margin: 0;
      }
	  .features-top {
		padding: 0 15px;
		position: absolute;
		top: 30%;
	  }
    }