* {
    margin: 0; padding: 0;
    border: none; box-sizing: border-box;
    list-style: none;
}



/* FONT FACES */

@font-face {
    font-family : "CooperHewitt-Book.woff";
    src : url('../../assets/files/fonts/CooperHewitt-Book.woff');
}

@font-face {
    font-family : "CooperHewitt-Medium.woff";
    src : url('../../assets/files/fonts/CooperHewitt-Medium.woff');
}

@font-face {
    font-family : "CooperHewitt-BookItalic";
    src : url('../../assets/files/fonts/CooperHewitt-BookItalic.woff');
}



/*  TYPOGRAPHY  */

body {
    font-family : "CooperHewitt-Book.woff";
    font-size: .8rem;
}
h1, h2, h3, h4, h5, h6, header, #contact div div:nth-child(1) section {
    font-weight: 300;
    font-size: 1rem;
    line-height: 1.4rem;
}
a {
    text-decoration: none;
}

em {
    font-family : "CooperHewitt-BookItalic";
    font-style: normal; 
}

main#contact section h2, main#contact section h3, main#contact section h4, main#contact section h5, main#contact section h6 {
    text-decoration: underline;
}

section > *  {
    max-width: 600px;
}
main section > * + * {
    margin-top: 8px;
}

/* LISTS */

main#contact ul {
    list-style: none;
    padding-left: 25px;
}
main#contact ul li { position: relative; }
main#contact ul li:before {
    content: "—";
    position: absolute;
    left: -25px;
}



/* COLORS */

body,
.sticky { background: #fcfcfd; }
a { color: black; }


/* BORDERS */

main a       { border-bottom: 1px solid black; }
main a:hover { border-bottom: 2px solid black; }



/* BORDERS */

.b { border: 1px black solid; }
.b-t { border-top: 1px black solid; }
.b-b { border-bottom: 1px black solid; }
.b-l { border-left: 1px black solid; }
.b-r { border-right: 1px black solid; }



/* PADDINGS */

.p {
    padding: 12px 13px 10px 13px;
}



/* HEADER */

header { height: 45px; }
header section:nth-child(2) h2 { display: none; }



/* SECTION */
/*
main#contact section {
    min-height: 100vh;
}
*/

/* STICKY */

.sticky {
    position: sticky;
    position: -webkit-sticky;
    top: var(--top);
    z-index: var(--index);
}



/* MEDIAS */
img {
    width: 100%;
    display: block;
}
video {
    width: 100%;
    display: block;
    min-height: 200px;
    max-height: 60vh;
}
main#detail li + li,
main#detail ul + ul {
    margin-top: 45px;
}



/* RESPONSIVE */



/* MAX-WIDTH */

@media only screen and (max-width : 1000px) {
    /* MAIN */
    main#home li section,
    main#detail div section {
        padding-bottom: 45px !important;
    }
    main li .b-l,
    main div .b-l {
        border-left: none !important;
    }
}



/* MIN-WIDTH */

@media only screen and (min-width : 501px) {
    /* HEADER */
    header section:nth-child(2) h2 { display: block; }
    video {
        min-height: 350px;
    }
}
@media only screen and (min-width : 1001px) {
    /* MAIN */
    main li .b-t { border-top: none !important; }
    video {
        min-height: 400px;
    }
}
@media only screen and (min-width : 1501px) {
    video {
        min-height: 500px;
    }
}