body  {background-color:#E9E9E9; padding-right: 0px; padding-left: 0px; padding-bottom: 0px; margin: 0px; padding-top: 0px;  }
.wrapper { max-width: 970px; margin:  0 auto; }
p, a, ul, li { font-family:'Roboto', sans-serif; color:#000000; text-decoration:none; line-height: 1.3;}
h1, h2 { font-family:'Shantell Sans', sans-serif; color:#000000; }
p { font-size: 18px; color: #FFF; font-weight: 500; text-align: center; }
h1 { font-size: 24px; color: #358740; font-weight: 800; }
h2 { font-size: 22px; color: #358740; font-weight: 800; }
body {
   hyphens: auto; 
   }
#header {
	background-color:  #61AC3C;
}
.container {
	margin: 0 0px; 
}
#logo { 
	width: 100%;
    padding-top: 8px;
    padding-bottom: 8px;
    display: -webkit-flex;
    -webkit-justify-content: center;
    display: flex;
    justify-content: center;
}

	
.text  {
	background-color:  #fff;
	padding: 1px 10px;
}
.flexboxzenter {
    display: flex;
    flex-wrap: wrap; 
    gap: 1px; 
}
.fbox {
    flex: 1 1 210px; 
    padding: 5px 15px 5px 15px;
    color: white;
    text-align: center;
}
.fbox10 {
    padding: 0 15px;
    color: white;
    text-align: left;
}
.fbox1 { background-color: #E9962A; } 
.fbox2 { background-color: #DABD53; } 
.fbox3 { background-color: #AD5BF9; } 
.flexa { position: relative; color: #FFFFFF; text-decoration: none; }
.flexa:hover {
color: #FFFFFF;
}
.flexa:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 2px;
  bottom: -2px;
  left: 0;
  background-color: #FFFFFF;
  visibility: hidden;
  -webkit-transform: scaleX(0);
  	transform: scaleX(0);
  -webkit-transition: all 0.3s ease-in-out 0s;
  	transition: all 0.3s ease-in-out 0s;
}
.flexa:hover:before {
  visibility: visible;
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}
.flexa { position: relative; color: #FFF; text-decoration: none; }
.flexa:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 2px;
  bottom: -2px;
  left: 0;
  background-color: #FFF;
  visibility: hidden;
  -webkit-transform: scaleX(0);
  	transform: scaleX(0);
  -webkit-transition: all 0.3s ease-in-out 0s;
  	transition: all 0.3s ease-in-out 0s;
}
.flexa:hover:before {
  visibility: visible;
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}
h1  {
    animation-duration: 3s;
    animation-fill-mode: both;
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight;
}
@keyframes fadeInRight {
    0% {
        -webkit-transform: translate3d(100%,0,0);
        opacity: 0;
        transform: translate3d(100%,0,0)
    }

    to {
        -webkit-transform: translateZ(0);
        opacity: 1;
        transform: translateZ(0)
    }
}