@charset "utf-8";
:root {
    font-size: 16px;
}
 * {
     margin: 0;
     padding: 0;
     box-sizing: border-box;
 }
 html {
     min-height: 100%;
 }
 body {
     color: #5E767B;
     font: 1em/1.5em 'Arial', Helvetica, sans-serif;
     background: #ebebeb;
 }
 #wrapper {
     max-width: 800px;
     margin: 1rem auto;
     border: 1px solid #5E767B;
 }
 header {
     padding: 1.5rem;
     display: flex;
     justify-content: center;
     gap: 0 2rem;
     background: #FFF;
 }
 @-webkit-keyframes slidy {
     0% {
         left: 0%;
     }
     28% {
         left: 0%;
     }
     33% {
         left: -100%;
     }
     62% {
         left: -100%;
     }
     67% {
         left: -200%;
     }
     95% {
         left: -200%;
     }
     100% {
         left: -300%;
     }
 }
 @keyframes slidy {
     0% {
         left: 0%;
     }
     28% {
         left: 0%;
     }
     33% {
         left: -100%;
     }
     62% {
         left: -100%;
     }
     67% {
         left: -200%;
     }
     95% {
         left: -200%;
     }
     100% {
         left: -300%;
     }
 }
 .slider {
     overflow: hidden;
 }
 .slider figure img {
     width: 25%;
     float: left;
 }
 .slider figure {
     position: relative;
     width: 400%;
     margin: 0;
     left: 0;
     text-align: left;
     font-size: 0;
     -webkit-animation-duration: 9s;
     -webkit-animation-name: slidy;
     -webkit-animation-delay: 1s;
     -webkit-animation-iteration-count: infinite;
     animation: 9s slidy infinite;
 }
 .title {
     padding: 2rem;
 }
 .box-white {
     background: #fff;
     margin: 0 0 0.5rem;
     padding: 1rem 1.5rem;
 }
 .button {
     display: flex;
     justify-content: center;
     align-items: center;
     margin-top: 25px;
 }
 .button a {
     background: #7CA786;
     padding: 11px 20px;
     text-align: center;
     color: #fff !important;
     width: 230px;
     font-size: 17px;
     text-transform: uppercase;
     border: 2px solid #7CA786;
 }
 .button a:hover {
     background: #fff;
     color: #7CA786 !important;
 }
 .button a.color{
    background: #2E9DB7;
    border: 2px solid #2E9DB7;
 }
 .button a.color:hover {
     background: #fff;
     color: #2E9DB7 !important;
 }
 .text {
     padding: 1rem;
 }
 .flex{
    display: flex;
    justify-content: center;
    gap: 0 1rem;
    flex-wrap: wrap;
 }
 footer h2{
    margin: 1rem;
    font-weight: normal;
    color: #6DC009;
 }
 p:not(:first-of-type) {
     margin-top: 1rem;
 }
 h1, h2, h4, h4 a.color {
     color: #2E9DB7;
 }
 h4 a.color {
     text-decoration: underline;
 }
 h1,h1+p,h1+p+p, footer h2, .text p{
    text-align: center;
 }
 h1 {
     margin: 1rem 0;
     font-size: 1.5em;
     line-height: 1.3;
 }
 h1 span {
     display: block;
     font-size: 0.7em;
 }
 h2 {
     font-size: 1.3em;
     line-height: 1.3em;
     margin-bottom: 0.5rem;
     text-transform: uppercase;
 }
 h3 {
     font-size: 1.1em;
     line-height: 1.3em;
 }
 h4 {
     font-size: 1.1em;
     line-height: 1.3em;
 }
 h4 span, h4 a.color {
     font-weight: normal;
 }
 h1 span, h3 {
     color: #7CA786;
 }
 ul {
     padding: 0 0 1rem;
     list-style: none
 }
 ul li {
     padding: 0 0 0 1.5rem;
 }
 ul li:before {
     content: "•";
     color: #7CA786;
     font-size: 1.3rem;
     float: left;
     margin: 1px 0 0 -1rem;
 }
 img {
     max-width: 100%;
     display: block;
 }
 :is(a:link, a:visited, a:hover, a:active) {
     color: #5E767B;
     text-decoration: none;
     white-space: nowrap;
 }
 .map {
     position: relative;
     padding-bottom: 50%;
     padding-top: 1rem;
     height: 0;
     overflow: hidden;
     margin-bottom: 1rem;
 }
 .map iframe {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     border: none;
 }
 @media only screen and (max-width:799px) {
     #wrapper {
         border: none;
         margin: 0;
     }
     .box-white{
        padding: 1rem;
     }
 }