


/* resetters - - - - -  */
html {
    font-size: $root-font-size;
    line-height: $root-line-height;
    box-sizing: border-box;

    word-break: break-word;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    -o-hyphens: auto;
    hyphens: auto;
}

*, *:before, *:after {
    box-sizing: inherit;
}

:focus {
    outline:0;
}

body { 
    background-color: $white-color; 
    font-family: var(--ff-primary); 
    color: $primary-color;
    margin:0;
}

p { margin: 0 0 1em 0; }

button {
    cursor:pointer;
}

hr {
    border:0;
    border-top:1px solid $primary-color; 
    height:0;
}

@for $i from 1 through 6 { 
    h#{$i} { 
        margin-top: 0;
        margin-bottom: 0;
        font-family: var(--ff-bold-secondary);
        font-weight: normal;
    }}

figure {  margin: 0; }
figure a {  display: block; }

fieldset {
    border: 0;
    padding: 0;
    margin: 0;
    min-width: 0;
    display:block;
}

/*   container       - - - - - -  */
.container {
    margin-left: 1rem;
    margin-right: 1rem;
    box-sizing: border-box;
}

