/* FONTS */
/* ----------------------------------------------------- */

/* LEGRAND SANS */

/* PIECH LINO THIN */

/* PIECH LINO MEDIUM */

/* PIECH LINO BOLD */

/* BLOOMFELD BRUSH */



/* CSS RESETS */
/* ----------------------------------------------------- */

*   {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
html    {
    margin: 0;
    padding: 0;
}
body    {
    margin: 0;
    padding: 0;
    width: 100%;
    /* overflow-x: hidden; */
}
img, video {
    display: block; 
    margin: 0 auto;
    max-width: 100%;
    object-fit: contain;
}
h1, h2, h3, h4, ul, ol, p {
    margin: 0;
    padding: 0;
    font-weight: normal;
    font-style: normal;
    list-style: none;
}
table {
    table-layout: fixed;
    border-collapse: collapse;
}
button {
    font-family: sans-serif;
    cursor: pointer;
    background-color: transparent;
}
details > summary {
    list-style: none;
}
details > summary::-webkit-details-marker {
    display: none;
}


/* CSS CUSTOM PROPERTIES / VARIABLES */
/* ----------------------------------------------------- */

:root {
    --high1: #ff538b;
    --high1: #f6417d;
    --gray: #999999;
}

/* OVERALL */
/* ----------------------------------------------------- */

body {
    padding: 0 10px;
}

main {
    max-width: 600px;
    min-height: 100vh;
    margin: 0 auto;
    padding: 1rem;
    border-left: 1px solid var(--gray);
    border-right: 1px solid var(--gray);
}



#mastheadWrap {
    padding-top: 1rem;
    background-color: ;
    display: flex;
    justify-content: center;
}
#MASTHEAD {
    fill: blue;
    fill: var(--high1);
}


/* BREAKPOINT 1 */
@media(min-width: 800px) {


}