* {
    box-sizing: border-box
}

ul {
    list-style: none;
    padding: 0;
}

a {
    color: black;
    text-decoration: none;
}


h1, h2, h3, h4, h5, h6 {
    font-family: var(--title-font);
    margin: 0;
    padding: 0;
}

p, span, ul {
    font-family: var(--text-font);
    font-size: var(--fs-base);
    line-height: var(--lh-base);
    margin: 0;
    padding: 0;
}

body {
    background-color:var(--color-bg);
    
    display: grid;

    grid-template-areas: 
    "header header header"
    ".      main   ." 
    "footer footer footer";
    
    grid-template-columns: 1fr minmax(min-content ,var(--global-max-width)) 1fr ;
}

section {
    margin-bottom: 10rem;
}

.whatsapp-click__link {
    bottom: 0.6rem;
    position: fixed;
    right: 0.6rem;
    z-index: 200;
}

.whatsapp-click__icon {
    cursor: pointer;
    width: 5rem;
}

@media only screen and (max-width: 600px) {
    .whatsapp-click__icon {
        cursor: pointer;
        width: 4rem;
    }

    section {
        margin-bottom: 3rem;
    }
}