.logo-name{
    margin-left: 30px;
    display: inline-block;
}

   /* .logo-name h1 {
  font-size: 2em;
  margin: .7em 0 .3em 0;
  display: inline-block;
  color: #6be585;
  margin-left: 10px;
}*/

.logo-name a{
    text-decoration: none;
    color: #237c32;

}

.site-navigation {
  float: right;
  display: inline-block;
  margin-right: 30px;

}

.site-navigation ul, li {
  margin: 0; 
  padding: 0;
}

.site-navigation li {
  display: inline-block;
  margin: 1.4em 0.5em 1em 0.5em;
}


.site-navigation li a{
    color: #fff;
}

.site-header{
  height: 70px;
}

footer{

  position: fixed;
   left: 0;
   bottom: 0;
   width: 100%;
    background-image: linear-gradient(to right, #2F7336 0%, #ee4b3a  51%, #2F7336  100%);
   /* background-image: linear-gradient(to right, #3CA55C 0%, #B5AC49  51%, #3CA55C  100%);*/
    padding: 20px;
    text-align: center;
}

footer span{

    color: white;
    font-size: 16px;
 
}
/*
.btn-grad {background-image: linear-gradient(to right, #3CA55C 0%, #B5AC49  51%, #3CA55C  100%)}

.btn-grad {
       margin: 5px;*/
       /*padding: 10px 15px;*/
   /*    padding: 8px;
       text-align: center;
       text-transform: capitalize;
       transition: 0.5s;
       background-size: 200% auto;
       color: white;            
       box-shadow: 0 0 20px #eee;
       border-radius: 6px;
       display: block;
          }

 .btn-grad:hover {
     background-position: right center; 
     color: #fff;
     text-decoration: none;
          }*/



         .btn-grad {/*background-image: linear-gradient(to right, #2F7336 0%, #AA3A38  51%, #2F7336  100%)*/background-image: linear-gradient(to right, #ee4b3a 0%, #ee4b3a  51%, #ee4b3a  100%)}
         .btn-grad {
            margin: 5px;
       padding: 7px 15px;
      /* padding: 10px;*/
       /*padding-left: 10px;
       padding-right: 10px;
       padding-top: 7px;
       padding-bottom: 7px;*/
       text-align: center;
       text-transform: capitalize;
       transition: 0.5s;
       background-size: 200% auto;
       color: white;            
       box-shadow: 0 0 20px #eee;
       border-radius: 6px;
       display: block;
          }

          .btn-grad:hover {
            background-position: right center; /* change the direction of the change here */
            color: #fff;
            text-decoration: none;
          }

          .btn-grad1 {background-image: linear-gradient(to right, #2F7336 0%, #ee4b3a  51%, #2F7336  100%)}
         .btn-grad1 {
            margin: 5px;
       padding: 3px auto;
       text-align: center;
       text-transform: capitalize;
       transition: 0.5s;
       background-size: 300% auto;
       color: white;            
       box-shadow: 0 0 20px #eee;
       border-radius: 6px;
       display: block;
          }

          .btn-grad1:hover {
            background-position: right center; /* change the direction of the change here */
            color: #fff;
            text-decoration: none;
          }