:root {
    --afze-primary-button: rgb(251, 115, 53);
    --afze-primary-button-text: rgb(255, 255, 255);

    --afze-h1-color: rgb(31, 46, 35);
    --afze-h2-color: rgb(71, 76, 133);

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

    --afze-primary-bgcolor: rgb(28, 44, 32);
    --afze-secondary-bgcolor: rgb(255, 255, 255);
    --afze-emphasis-bgcolor: rgb(251, 115, 53);
    --afze-secondary-bgcolor2: rgb(243 243 243);
}

.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;}


/** Texto **/
h1{
    font-size: 4rem; color:var(--afze-h1-color)
}

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

h3{
    font-size: 1.6rem;
}

p{
    color:var(--afze-primary-text-color);
}

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

    h3{
        font-size: 1.3rem;
    }
}

/** BOTÕES **/
.btn{
    padding:1rem 2.4rem; font-weight: bold; margin:1rem;
}

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

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

/** OUTROS ELEMENTOS **/

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

section{
  padding-left: 3rem; padding-right: 3rem;
}

footer{
    background-color: var(--afze-primary-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;
}