@font-face {
font-family:"neue-haas-grotesk-display";
src:url("https://use.typekit.net/af/1ba16c/00000000000000007735bb5a/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3") format("woff2"),url("https://use.typekit.net/af/1ba16c/00000000000000007735bb5a/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3") format("woff"),url("https://use.typekit.net/af/1ba16c/00000000000000007735bb5a/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3") format("opentype");
font-display:auto;font-style:normal;font-weight:500;font-stretch:normal;
}

@font-face {
font-family:"neue-haas-grotesk-display";
src:url("https://use.typekit.net/af/153042/00000000000000007735bb62/30/l?subset_id=2&fvd=n6&v=3") format("woff2"),url("https://use.typekit.net/af/153042/00000000000000007735bb62/30/d?subset_id=2&fvd=n6&v=3") format("woff"),url("https://use.typekit.net/af/153042/00000000000000007735bb62/30/a?subset_id=2&fvd=n6&v=3") format("opentype");
font-display:auto;font-style:normal;font-weight:600;font-stretch:normal;
}

.container {    
    position: fixed;   /* Sticks to viewport */
    bottom: 165px;         /* Align to bottom */
    left: 10px;
    width: 100%;       /* Full width */
    padding: 10px;
}
.content-top {
    font-size: calc(200 * 0.073206vw);
    font-family: neue-haas-grotesk-display, sans-serif;
    font-weight: 500;
    font-style: normal;
    line-height: calc(200 * 0.073206vw);
    margin-left: calc(-2 * 0.073206vw);
    /*border-bottom: 1px solid #000;*/
    color: #38393C;
}
.content-bottom {
    font-size: calc(82 * 0.073206vw);
    font-family: neue-haas-grotesk-display, sans-serif;
    font-weight: 300;
    font-style: normal;
    color: #38393C;
}

@media only screen and (max-width: 768px) {
.container {    
    position: fixed;   /* Sticks to viewport */
    bottom: 170px;         /* Align to bottom */
    left: 10px;
    width: 100%;       /* Full width */
    padding: 10px;
}
.content-top {
    font-size: calc(400 * 0.073206vw);
    font-family: neue-haas-grotesk-display, sans-serif;
    font-weight: 500;
    font-style: normal;
    line-height: calc(380 * 0.073206vw);
    margin-left: calc(-2 * 0.073206vw);
    /*border-bottom: 1px solid #000;*/
    color: #38393C;
}
.content-bottom {
    font-size: calc(164 * 0.073206vw);
    font-family: neue-haas-grotesk-display, sans-serif;
    font-weight: 300;
    font-style: normal;
    color: #38393C;
}
}

@media (min-width: 768px) and (max-width: 991px) {
.container {    
    position: fixed;   /* Sticks to viewport */
    bottom: 130px;         /* Align to bottom */
    left: 10px;
    width: 100%;       /* Full width */
    padding: 10px;
}
.content-top {
    font-size: calc(280 * 0.073206vw);
    font-family: neue-haas-grotesk-display, sans-serif;
    font-weight: 500;
    font-style: normal;
    line-height: calc(270 * 0.073206vw);
    margin-left: calc(-2 * 0.073206vw);
    /*border-bottom: 1px solid #000;*/
    color: #38393C;
}
.content-bottom {
    font-size: calc(114 * 0.073206vw);
    font-family: neue-haas-grotesk-display, sans-serif;
    font-weight: 300;
    font-style: normal;
    color: #38393C;
}
}


@media (min-width: 991px) and (max-width: 1200px) {
.container {    
    position: fixed;   /* Sticks to viewport */
    bottom: 160px;         /* Align to bottom */
    left: 10px;
    width: 100%;       /* Full width */
    padding: 10px;
}
.content-top {
    font-size: calc(300 * 0.073206vw);
    font-family: neue-haas-grotesk-display, sans-serif;
    font-weight: 500;
    font-style: normal;
    line-height: calc(310 * 0.073206vw);
    margin-left: calc(-2 * 0.073206vw);
    /*border-bottom: 1px solid #000;*/
    color: #38393C;
}
.content-bottom {
    font-size: calc(122 * 0.073206vw);
    font-family: neue-haas-grotesk-display, sans-serif;
    font-weight: 300;
    font-style: normal;
    color: #38393C;
}
}