:root {
    --afze-primary-button: #08a045;
    --afze-primary-button-text: rgb(255, 255, 255);

    --afze-dark-button: #073B3A;
    --afze-dark-button-text: rgb(255, 255, 255);

    --afze-h1-color: rgb(255, 255, 255);
    --afze-h2-color: rgb(255, 255, 255);

    --afze-primary-text-color: rgb(31, 46, 35);
    --afze-secondary-text-color: rgb(255, 255, 255, 1);

    --afze-primary-bgcolor: #08a045;
    --afze-secondary-bgcolor: #073B3A;
    --afze-emphasis-bgcolor: #08A045;
    --afze-secondary-bgcolor2: #ddb771;
}


.afze-py-1{padding-top:.25rem;padding-bottom:.25rem;}
.afze-py-2{padding-top:.5rem;padding-bottom:.5rem;}
.afze-py-3{padding-top:1rem;padding-bottom:1rem;}
.afze-py-4{padding-top:1.5rem;padding-bottom:1.5rem;}
.afze-py-5{padding-top:3rem;padding-bottom:3rem;}
.afze-pt-0{padding-top:0;}
.afze-pt-1{padding-top:.25rem;}
.afze-pt-2{padding-top:.5rem;}
.afze-pt-3{padding-top:1rem;}
.afze-pt-4{padding-top:1.5rem;}
.afze-pt-5{padding-top:3rem;}
.afze-pe-0{padding-right:0;}
.afze-pe-1{padding-right:.25rem;}
.afze-pe-2{padding-right:.5rem;}
.afze-pe-3{padding-right:1rem;}
.afze-pe-4{padding-right:1.5rem;}
.afze-pe-5{padding-right:3rem;}
.afze-pb-0{padding-bottom:0;}
.afze-pb-1{padding-bottom:.25rem;}
.afze-pb-2{padding-bottom:.5rem;}
.afze-pb-3{padding-bottom:1rem;}
.afze-pb-4{padding-bottom:1.5rem;}
.afze-pb-5{padding-bottom:3rem;}
.afze-ps-0{padding-left:0;}
.afze-ps-1{padding-left:.25rem;}
.afze-ps-2{padding-left:.5rem;}
.afze-ps-3{padding-left:1rem;}
.afze-ps-4{padding-left:1.5rem;}
.afze-ps-5{padding-left:3rem;}

body{
    font-family: arial;
}

/** Textos **/

h1{
    font-size: 1.6rem; color:var(--afze-h1-color);  font-weight: bold;
}

h2{
    font-size: 1.6rem; color: var(--afze-h2-color);
}

h3{
    font-size: 1.6rem;
}

p{
    color:var(--afze-primary-text-color); font-size:14px;
}

a{
    text-decoration: none;
}

@media only screen and (max-width: 420px) {
    h2{
        font-size: 1.4rem; color: var(--afze-h2-color);
    }

    h3{
        font-size: 1.3rem;
    }
}


/* botoes */
.btn-default{
    background: var(--afze-primary-button);
    color: var(--afze-primary-button-text);
}

.btn-default:hover{
    background: var(--afze-dark-button);
    color: var(--afze-dark-button-text);
}

.btn-light{
    color: var(--afze-primary-text-color);
}

.btn-dark{
    background-color: var(--afze-dark-button);
    color: var(--afze-dark-button-text);
}

/* BADGE */

.badge{
    border-radius: 10rem;
}

/** outros elementos **/

header > div{
    background-color: var(--afze-secondary-bgcolor); color: var(--afze-secondary-text-color);
}

section{
  
}

footer{
    background-color: var(--afze-secondary-bgcolor); color: var(--afze-secondary-text-color); font-size:0.8rem;
}

footer a, footer p{
  color: var(--afze-secondary-text-color);  font-size:0.8rem;
}

.content-wrapper{
    width: 100%; max-width: 1000px; height: auto; overflow: hidden; margin: 0 auto;
}

.btn-lg{
   display:block; margin:0 auto; padding:1rem 10rem; border-radius:100px;  border:none; font-size:1rem;
}


.btn {
    padding: 1rem 2.4rem;
    font-weight: bold;
    margin: 1rem; border-radius:10rem;
}