@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@500&display=swap');
body{font-family:'Montserrat',san-seraf ; }
:root {
    --primary-color: #22c55e;
    --secondary-color: rgb(250, 241, 241);
    --white: white;
}
.navigation {
    background-color:var(--primary-color);
    padding:1rem;
    color:var(--white) ;
    border-bottom-left-radius: 1rem;
    margin: 1rem 3rem;
}
.nav-brand a{
    text-decoration:none;
    text-align:left;
    font-weight:300;
    color: var(--white);

}
.navigation .link{
    color: var(--white);
}
.navigation .nav-pills{
    padding: 0rem 2rem;
    text-align: right;
}
.navigation .link-active{
    font-weight: bold;
}

.hero{
    padding: 2rem;
    padding-top: 5rem;
    }
    .hero .hero-img{
    max-width: 350px;
    display: block;
    margin: auto;
    }
    .hero .hero-heading{
        padding:1rem;
        text-align: center;
    
    }
    .hero .heading-inverted{
        color: var(--primary-color);
    }
.section{
        padding: 2rem;
    }
    .section h1{
        text-align: center;
       
    }
    .ow{
        background-color: var(--secondary-color);
    }
    .list-non-bullet{
        list-style: none;
    }

.list.item-inline{
    padding: 0rem 1rem;
    display: inline;

}
.container{
    padding: 1rem 0rem;
}
.container-center{
    max-width: 300px;
    margin:auto;
    width: 100%;
}
.link{
    text-decoration: none;
    padding: 0.5rem 1rem;
    box-sizing: border-box;
    margin: 0rem 0rem;
    
}
.primary-link{
    background-color:var(--primary-color);
    border-radius:2rem;
    color:var(--white);
    /* padding: 0.6rem 2rem; */
    margin: 1rem 1rem;
    max-width: 140px;

}
.secondary-link{
    background-color:var(--white);
    color: var(--primary-color);
    border-radius:2rem;
    border: 1px solid var(--primary-color);
    max-width: 140px;
    margin: 1rem 0.5rem;
    padding:0.6rem 1.2rem;

}
.footer{
    background-color: var(--primary-color);
    color: white;
    text-align: center;
    padding: 2rem 1rem;
    display: block;
    margin-top: 2rem;
    

}
.footer-header{

  font-size: large;
}
.footer .ul{
    text-align: center;
    padding-inline-start: 0px;
}
.footer .link{
    padding: 0rem 1rem;
    color: var(--white);
}