@font-face {
    font-family: 'trade-gothic-next';
    src: url(https://use.typekit.net/yke6gej.css);
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'trade-gothic-next-condensed';
    src: url(https://use.typekit.net/yke6gej.css);
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'trade-gothic-next-condensed';
    src: url(https://use.typekit.net/yke6gej.css);
    font-weight: 800;
    font-style: normal;
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@keyframes placeholder {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}

html {
    overflow-y: auto;
    overflow-x: hidden;
    font-size: 16px;
    overscroll-behavior: none;
    scroll-behavior: smooth;
    background-color: #D0D0D0;
}

body {
    font-size: 1rem;
    animation: fadeIn 0.75s linear;
}

[data-page="data"], [data-page="error"] {
  animation: none;
}

h1 {
    font-family: 'trade-gothic-next-condensed', sans-serif;
    font-size: clamp(6.3735em, 7.08vw, 9.868em);
    font-weight: 800;
    letter-spacing: 0.0155em;
    line-height: 1.05;
}

h2 {
    font-family: 'trade-gothic-next-condensed', sans-serif;
    font-size: clamp(2.905em, 3.21vw, 4.5em);
    font-weight: 700;
    letter-spacing: 0.003em;
    line-height: 1.12;
}

h3, header a, footer a {
    font-family: 'trade-gothic-next', sans-serif;
    font-size: 1.375em;
    font-weight: 400;
    letter-spacing: 0.01em;
    line-height: 1.4;
}

p {
    font-family: 'trade-gothic-next', sans-serif;
    font-size: 0.75em;
    font-weight: 400;
    letter-spacing: 0.0305em;
    line-height: 1.43;
}

h1, h2, h3, header a, footer a, p {
    margin: 0;
    color: #1D1D1B;
}

h1, h2, p {
    text-transform: uppercase;
}

footer {
    position: fixed;
}

#bg, header, .homepage_head, header ul, header li:first-child, .notes, #archive .title, .info .title, .not_found .title, .error_message, footer, .content, .services, .extra, .compliance, .links, .homepage_foot {
    display: flex;
}

#bg, .melo_pic, #enact, .skeleton_square, .skeleton_horiz, .skeleton_vert, #footer_wrapper {
    position: absolute;
}

#bg {
    z-index: 1;
    background-color: #FFF;
    box-shadow: 0px 4px 8px #17171616;
}

.wrapper {
    margin: 0 auto;
}

header, main, .product_img_square, .product_img_horiz, .product_img_vert {
    position: relative;
}

header, main {
    z-index: 2;
}

header {
    padding: 1.55em 0em;
}

[data-page="error"] .homepage_head {
    margin: 0.4088em 0em 0.4088em 0em;
}

.meloexhbt_horiz, .meloexhbt_vert {
    fill: #1D1D1B;
}

.meloexhbt_horiz, header ul, .melo_pic img, #archive .title, .info .title, .not_found .title, .error_message, #grid, .skeleton_square, .skeleton_horiz, .skeleton_vert, .product_img_square, .product_img_horiz, .product_img_vert, .product_img_square img, .product_img_horiz img, .product_img_vert img, .content, .homepage_foot, .meloexhbt_vert {
    width: 100%;
}

.meloexhbt_horiz {
    max-width: 216px;
    float: left;
}

header ul, [data-page="error"] footer {
    align-items: center;
}

header li:first-child {
    justify-content: flex-start;
}

header p {
    margin-left: 0.16em;
}

header li:nth-child(2), #cta:hover {
    background-color: #1D1D1B;
}

header li:nth-child(2) {
    width: 1px;
    height: 2.3em;
}

a {
    text-decoration: none;
}

a, a:visited, #cta, .info .hlgt {
    color: #1D1D1B;
}

.error_message a , a:hover {
    text-decoration: underline;
    text-underline-offset: 0.15em;
}

.error_message a:hover {
    text-underline-offset: 0.35em;
    transition: 120ms ease-in-out;
}

a:active {
    color: #7C7C7A;
}

.hero {
    padding: 0.95em 0em 6.55em 0em;
}

.not_found {
    padding: 10.6em 0em 6.55em 0em;
}

#cta, .melo_text {
    display: inline-block;
}

.homepage_head, #cta, .homepage_foot {
    cursor: default;
}

#cta {
    padding: 0em 0.77em 0em 0.85em;
    border: 1px solid #A9A9A7;
    border-radius: 1em;
}

#cta:hover {
    border: 1px solid #1D1D1B;
    color: #FBFBFB;
}

#cta:active {
    color: #D0D0D0;
}

.melo_pic {
    display: none;
}

h3 #cta:hover > .melo_pic {
    display: block;
}

.info .pgph {
    display: block;
}

.hero h3, .info h3, .title, .not_found .title {
    margin-bottom: 1.55em;
}

.info {
    padding-bottom: 6.55em;
}

.info p {
    column-gap: 20px;
    column-fill: balance;
}

#enact, #footer_wrapper {
    bottom: 0;
}

#enact {
    padding-bottom: 1.55em;
}

#archive {
    padding: 4.05em 0em 6.55em 0em;
}

#archive .title, .info .title, .not_found .title {
    align-items: start;
}

#archive h2, .not_found h2:first-child {
    padding: 0.26em 0.185em 0.074em 0em;
}

[data-page="data"] .title h1 {
    overflow-wrap: break-word;
    word-break: break-word;
}

.info .title h2 {
    padding: 0.26em 0.229em 0.074em 0.229em;
}

.not_found h2:last-child {
    padding: 0.26em 0em 0.074em 0.185em;
}

.error_message h3 {
    text-align: center;
}

#grid {
    display: grid;
    row-gap: 2.5em;
    column-gap: 20px;
    padding-top: 0.95em;
}

.info .title h1, .card, .product_desc p, .mail li:last-child {
    overflow: hidden;
}

.skeleton_square, .skeleton_horiz, .skeleton_vert {
    top: 0;
    left: 0;
    min-height: calc(100% - 3px);
    background: linear-gradient(-90deg, #DADADA, #EAEAEA, #DADADA, #EAEAEA);
	background-size: 700% 700%;
	animation: placeholder 1.75s ease infinite;
}

.product_img_square, .skeleton_square, .product_img_square img {
    aspect-ratio: 1 / 1;
}

.product_img_horiz, .skeleton_horiz, .product_img_horiz img {
    aspect-ratio: 6 / 5;
}

.product_img_vert, .skeleton_vert, .product_img_vert img {
    aspect-ratio: 6 / 7;
}

.product_img_square img, .product_img_horiz img, .product_img_vert img {
    object-fit: cover;
}

.product_desc {
    padding-top: 0.35em;
}

.product_desc p, .mail li:last-child {
    white-space: nowrap;
    text-overflow: ellipsis;
}

.info p, .product_desc p:last-child {
    color: #A9A9A7;
}

#bg, .wrapper, footer {
    inset: 0;
}

footer {
    width: 100dvw;
    height: 100dvh;
    background-color: #D0D0D0;
}

[data-page="error"] footer h1 {
    color: #FFF;
    transform: translateY(-6.5%) translateX(0.75%);
}

#bg, .not_found .title, .error_message, footer {
    justify-content: center;
}

footer p, footer h3 {
    color: #8E8E8C;
}

header, header ul, .notes, #archive .title, .info .title, .not_found .title, .content, .services, .extra, .compliance {
    flex-direction: row;
}

header, header ul, #grid, .content, .compliance {
    justify-content: space-between;
}

.content {
    padding-bottom: 2.5em;
}

.links {
    flex-direction: column;
}

.notes, #archive .title, .info .title, .not_found .title, .compliance {
    flex-wrap: wrap;
}

.homepage_foot {
    margin: 1.55em 0em 0.35em 0em;
}

.meloexhbt_horiz, a, .meloexhbt_vert {
    cursor: pointer;
}

#copyright {
    padding: 0.6em 0em 1.55em 0em;
}

@media (min-width: 1200px) {
    .dt, .wrapper, #footer_wrapper {
        width: 85%;
        min-width: calc(1199px - 12%);
    }

    .dt {
        display: flex;
    }

    .dt .col {
        width: calc((100% - 20px) / 12);
        margin: 0px 10px;
        background-color: #FBFBFB;
        box-sizing: border-box;
    }

    .col:first-child {
        margin-left: 0px;
    }

    .col:last-child {
        margin-right: 0px;
    }

    header nav {
        width: calc(25% - 15px);
    }

    header li:last-child, .links {
        width: calc(33.33% - 13.33px);
    }

    .melo_pic {
        top: 3.055em;
        right: 58.5%;
        width: 216px;
    }

    .hero h3, .notes {
        padding-left: calc(33.33% + 7px);
    }

    .error_message h3, .services {
        width: calc(66.66% - 6.66px);
    }

    .notes, .services, .links, .extra {
        justify-content: space-between;
    }

    .notes p:last-child, .col_left, .col_right, .social, .compliance, .compliance li:nth-child(2), .compliance li:nth-child(3), .compliance li:last-child {
        width: calc(50% - 10px);
    }

    .info p {
        column-count: 3;
    }

    #grid {
        grid-template-columns: repeat(6, calc(16.66% - 16.66px));
    }

    [data-page="error"] footer h1 {
        font-size: 56.6vw;
    }

    .services, .extra {
        align-items: flex-end;
    }

    .compliance li:first-child {
        width: 100%;
    }

    .compliance li:nth-child(3) {
        order: 4;
    }
}

@media (min-width: 1024px) and (max-width: 1199px) {
    .tblt_horiz, .wrapper, #footer_wrapper {
        width: 88%;
        min-width: calc(1023px - 10%);
    }

    .tblt_horiz {
        display: flex;
    }

    .tblt_horiz .col {
        width: calc((100% - 20px) / 10);
        margin: 0px 10px;
        background-color: #FBFBFB;
        box-sizing: border-box;
    }

    .col:first-child {
        margin-left: 0px;
    }

    .col:last-child {
        margin-right: 0px;
    }

    header nav {
        width: calc(30% - 14px);
    }

    header li:last-child {
        width: calc(33.33% - 13.33px);
    }

    .melo_pic {
        top: 3.055em;
        left: calc(20% + 3.33px);
        width: calc(20% - 15px);
    }

    .hero h3, .notes {
        padding-left: calc(29.65% + 10px);
    }

    .error_message h3, .services {
        width: calc(60% - 6.66px);
    }

    .links {
        width: calc(40% - 13.33px);
    }

    .notes, .services, .links, .extra {
        justify-content: space-between;
    }

    .notes p:last-child {
        width: calc(57.35% - 10px);
    }

    .info p {
        column-count: 2;
    }

    #grid {
        grid-template-columns: repeat(5, calc(20% - 16px));
    }

    [data-page="error"] footer h1 {
        font-size: 58.5vw;
    }

    .services, .extra {
        align-items: flex-end;
    }

    .col_left, .col_right, .social, .compliance, .compliance li:nth-child(2), .compliance li:nth-child(3), .compliance li:last-child {
        width: calc(50% - 10px);
    }

    .compliance li:first-child {
        width: 100%;
    }

    .compliance li:nth-child(3) {
        order: 4;
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    h1 {
        font-size: 6.39em;
    }

    h2 {
        font-size: 2.9125em;
    }

    .tblt_vert, .wrapper, #footer_wrapper {
        width: 90%;
        min-width: calc(767px - 7.5%);
    }

    .tblt_vert, #copyright {
        display: flex;
    }

    .tblt_vert .col {
        width: calc((100% - 20px) / 8);
        margin: 0px 10px;
        background-color: #FBFBFB;
        box-sizing: border-box;
    }

    .col:first-child {
        margin-left: 0px;
    }

    .col:last-child {
        margin-right: 0px;
    }

    header nav {
        width: calc(37.5% - 12.5px);
    }

    header li:last-child {
        width: calc(33.33% - 13.33px);
    }

    .melo_pic {
        top: 3.05em;
        left: calc(25% + 5px);
        width: calc(25% - 15px);
    }

    .hero h3, .notes {
        padding-left: calc(37.5% + 7.5px);
    }

    .error_message h3 {
        width: calc(75% - 5px);
    }

    .notes, .social {
        justify-content: space-between;
    }

    .notes p:last-child {
        width: calc(40% - 12.5px);
    }

    .info p {
        column-count: 2;
    }

    #grid {
        grid-template-columns: repeat(4, calc(25% - 15px));
    }

    [data-page="error"] footer h1 {
        font-size: 59.9vw;
    }

    .content {
        padding-bottom: 0.5em;
    }

    .services, .links, .compliance li:nth-child(2), .compliance li:nth-child(3), .compliance li:last-child, .homepage_foot {
        width: calc(50% - 10px);
    }

    .services {
        flex-direction: column;
    }

    .extra {
        flex-direction: row;
    }

    .extra p {
        margin-top: 0.95em;
    }

    .social {
        width: calc(50% + 10px);
    }

    .compliance {
        width: calc(50% - 10px);
    }

    .compliance li:first-child {
        width: 100%;
    }

    .compliance li:nth-child(3) {
        order: 4;
    }

    .homepage_foot {
        position: absolute;
        bottom: 0;
        margin: 0em 0em 2.4em calc(50% + 10px);
    }

    .meloexhbt_vert {
        max-width: 363px;
    }

    #copyright {
        padding: 0.35em 0em 1.55em 0em;
        justify-content: center;
    }
}

@media (min-width: 624px) and (max-width: 767px) {
    h1 {
        font-size: 6.0746em;
    }

    h2 {
        font-size: 2.7687em;
    }

    .mob_horiz, .wrapper, #footer_wrapper {
        width: 92.5%;
        min-width: calc(623px - 6.66%);
    }

    .mob_horiz, #copyright {
        display: flex;
    }

    .mob_horiz .col {
        width: calc((100% - 20px) / 6);
        margin: 0px 10px;
        background-color: #FBFBFB;
        box-sizing: border-box;
    }

    .col:first-child {
        margin-left: 0px;
    }

    .col:last-child {
        margin-right: 0px;
    }

    header {
        padding: 1.2em 0em;
    }

    .homepage_head, header nav {
        width: calc(41.66% - 5px);
    }

    [data-page="error"] .homepage_head {
        margin: 0.429em 0em 0.429em 0em;
    }

    .meloexhbt_horiz {
        max-width: 205.75px;
    }

    header li:last-child {
        width: calc(40% - 15px);
    }

    .hero {
        padding: 0.75em 0em 5.1em 0em;
    }

    .melo_pic {
        top: 2.905em;
        left: calc(16.66% + 3.33px);
        width: calc(33.33% - 13.33px);
    }

    .hero h3, .notes {
        padding-left: calc(33.33% + 7px);
    }

    .hero h3, .info h3, .title, .not_found .title {
        margin-bottom: 1.2em;
    }

    .not_found {
        padding: 3.15em 0em 5.1em 0em;
    }

    .notes {
        justify-content: space-between;
    }

    .notes p:first-child {
        min-width: calc(50% - 10px);
        padding-right: 0.185em;
    }

    .notes p:last-child {
        width: calc(50% - 10px);
    }

    .info {
        padding-bottom: 5.1em;
    }

    .info p {
        column-count: 2;
    }

    #enact {
        padding-bottom: 1.4em;
    }

    #archive {
        padding: 3.15em 0em 5.1em 0em;
    }

    #grid {
        row-gap: 1.95em;
        padding-top: 0.75em;
        grid-template-columns: repeat(3, calc(33.33% - 13.33px));
    }

    [data-page="error"] footer h1 {
        font-size: 61.5vw;
    }

    .product_desc {
        padding-top: 0.3em;
    }

    .content {
        padding-bottom: 0.45em;
    }

    .services, .links, .compliance li:nth-child(2), .compliance li:nth-child(3), .compliance li:last-child, .homepage_foot {
        width: calc(50% - 10px);
    }

    .services {
        flex-direction: column;
    }

    .extra {
        flex-direction: row;
    }

    .extra p {
        margin-top: 0.75em;
    }

    .social {
        width: calc(33.33% + 6.66px);
    }

    .compliance {
        width: calc(66.66% - 6.66px);
    }

    .error_message h3, .compliance li:first-child {
        width: 100%;
    }

    .compliance li:nth-child(3) {
        order: 4;
    }

    .homepage_foot {
        position: absolute;
        bottom: 0;
        margin: 0em 0em 2.25em calc(50% + 10px);
    }

    #copyright {
        padding: 0.3em 0em 1.4em 0em;
        justify-content: center;
    }
}

@media (min-width: 480px) and (max-width: 623px) {
    h1 {
        font-size: 6.0746em;
    }

    h2 {
        font-size: 2.7687em;
    }

    .mob_horiz, .wrapper, #footer_wrapper {
        width: 93.33%;
        min-width: calc(479px - 6.66%);
    }

    .mob_horiz, #copyright {
        display: flex;
    }

    .mob_horiz .col {
        width: calc((100% - 20px) / 6);
        margin: 0px 10px;
        background-color: #FBFBFB;
        box-sizing: border-box;
    }

    .col:first-child {
        margin-left: 0px;
    }

    .col:last-child {
        margin-right: 0px;
    }

    header {
        padding: 1.2em 0em;
    }

    .homepage_head, header nav {
        width: calc(45.833% - 5px);
    }

    [data-page="error"] .homepage_head {
        margin: 0.429em 0em 0.429em 0em;
    }

    .meloexhbt_horiz {
        max-width: 205.75px;
    }

    header li:last-child {
        width: calc(36.363% - 15px);
    }

    .hero {
        padding: 0.75em 0em 5.1em 0em;
    }

    .melo_pic {
        top: 2.905em;
        left: calc(16.66% + 3.33px);
        width: calc(33.33% - 13.33px);
    }

    .hero h3, .notes {
        padding-left: calc(33.33% + 7px);
    }

    .hero h3, .info h3, .title, .not_found .title {
        margin-bottom: 1.2em;
    }

    .not_found {
        padding: 3.15em 0em 5.1em 0em;
    }

    .notes p:first-child {
        min-width: calc(50% - 10px);
        padding-right: 0.185em;
    }

    .info {
        padding-bottom: 5.1em;
    }

    .info p {
        column-count: 2;
    }

    #enact {
        padding-bottom: 1.4em;
    }

    #archive {
        padding: 3.15em 0em 5.1em 0em;
    }

    #grid {
        row-gap: 1.95em;
        padding-top: 0.75em;
        grid-template-columns: repeat(3, calc(33.33% - 13.33px));
    }

    [data-page="error"] footer h1 {
        font-size: 62vw;
    }

    .product_desc {
        padding-top: 0.3em;
    }

    .content {
        padding-bottom: 0.45em;
    }

    .error_message h3, .services, .links, .compliance li:nth-child(2), .compliance li:nth-child(3), .compliance li:last-child, .homepage_foot {
        width: calc(50% - 10px);
    }

    .services {
        flex-direction: column;
    }

    .extra {
        flex-direction: row;
    }

    .extra p {
        margin-top: 0.75em;
    }

    .social {
        width: calc(33.33% + 6.66px);
    }

    .compliance {
        width: calc(66.66% - 6.66px);
    }

    .error_message h3, .compliance li:first-child {
        width: 100%;
    }

    .compliance li:nth-child(3) {
        order: 4;
    }

    .homepage_foot {
        position: absolute;
        bottom: 0;
        margin: 0em 0em 2.25em calc(50% + 10px);
    }

    #copyright {
        padding: 0.3em 0em 1.4em 0em;
        justify-content: center;
    }
}

@media (min-width: 345px) and (max-width: 479px) {
    h1 {
        font-size: 3.425em;
    }

    h2 {
        font-size: 1.5611em;
    }

    h3, header a, footer a {
        font-size: 1.0275em;
    }

    p {
        font-size: 0.65em;
    }

    .mob_vert, .wrapper, #footer_wrapper {
        width: 93.33%;
        min-width: calc(344px - 6.66%);
    }

    .mob_vert, .col_left, .col_right, .social {
        display: flex;
    }

    .mob_vert .col {
        width: calc((100% - 20px) / 4);
        margin: 0px 6.66px;
        background-color: #FBFBFB;
        box-sizing: border-box;
    }

    .col:first-child {
        margin-left: 0px;
    }

    .col:last-child {
        margin-right: 0px;
    }

    header {
        padding: 1.1em 0em;
    }

    .homepage_head, header nav {
        width: calc(50% - 23.33px);
    }

    [data-page="error"] .homepage_head {
        margin: 0.2895em 0em 0.2895em 0em;
    }

    .meloexhbt_horiz {
        max-width: 155px;
    }

    header li:nth-child(2) {
        height: 1.4em;
    }

    .hero {
        padding: 0.65em 0em 4.6em 0em;
    }

    .melo_pic {
        top: 5.85em;
        left: calc(25% + 3.33px);
        width: calc(50% - 6.66px);
    }

    .not_found {
        padding: 12.05em 0em 4.6em 0em;
    }

    .notes p:first-child, .notes p:last-child {
        min-width: calc(50% - 6.66px);
    }

    .notes p:first-child {
        padding-right: 0.185em;
    }

    .info {
        padding-bottom: 4.6em;
    }

    .info h3 {
        margin-bottom: 1.2em;
    }

    .info p {
        column-count: 1;
        padding-right: calc(25% + 3.33px);
    }

    #archive {
        padding: 2.85em 0em 4.6em 0em;
    }

    .title, .not_found .title, .hero h3 {
        margin-bottom: 1.1em;
    }

    #grid {
        row-gap: 1.75em;
        column-gap: 13.33px;
        padding-top: 0.65em;
        grid-template-columns: repeat(2, calc(50% - 6.66px));
    }

    [data-page="error"] footer h1 {
        font-size: 62vw;
    }

    .product_desc {
        padding-top: 0.2em;
    }

    .content, .services, .extra {
        flex-direction: column;
    }

    .content, #enact {
        padding-bottom: 1.1em;
    }

    .col_left, .col_right, .social {
        flex-direction: row;
        flex-wrap: wrap;
    }

    .col_left, .col_right {
        justify-content: flex-start;
    }

    .notes, .social {
        justify-content: space-between;
    }

    .col_left li, .col_right li {
        margin-right: 0.65em;
    }

    .error_message h3, .col_left li:first-child, .social li:first-child, .compliance li:first-child {
        width: 100%;
    }

    .col_left li:nth-child(3), .col_left li:nth-child(6), .col_right li:nth-child(2), .col_right li:nth-child(5) {
        background-color: #A9A9A7;
        width: 1px;
        height: 0.85em;
        margin: 0.35em 0.65em 0em 0em;
    }

    .col_left li:nth-child(4) {
        margin-right: 3em;
    }

    .col_right li:nth-child(3) {
        margin-right: 0.45em;
    }

    .links p {
        margin-top: 1.75em;
    }

    .social li:nth-child(2), .social li:last-child, .compliance li:last-child {
        width: calc(50% - 6.66px);
    }

    .compliance li:nth-child(2), .compliance li:nth-child(3) {
        width: calc(25% - 10px);
    }

    .homepage_foot {
        margin: 0.65em 0em 0.45em 0em;
    }

    #copyright {
        padding: 0.2em 0em 1em 0em;
    }
}

@media (max-width: 344px) {
    h1 {
        font-size: 3.04em;
    }

    h2 {
        font-size: 1.367em;
    }

    h3, header a, footer a {
        font-size: 0.9065em;
    }

    p {
        font-size: 0.57em;
    }

    .mob_vert, .wrapper, #footer_wrapper {
        width: 93.33%;
    }

    .mob_vert, .col_left, .col_right, .social {
        display: flex;
    }

    .mob_vert .col {
        width: calc((100% - 20px) / 4);
        margin: 0px 6.66px;
        background-color: #FBFBFB;
        box-sizing: border-box;
    }

    .col:first-child {
        margin-left: 0px;
    }

    .col:last-child {
        margin-right: 0px;
    }

    header {
        padding: 1em 0em;
    }

    .homepage_head, header nav {
        width: calc(50% - 19.99px);
    }

    [data-page="error"] .homepage_head {
        margin: 0.301em 0em 0.301em 0em;
    }

    .meloexhbt_horiz {
        max-width: 133px;
    }

    header li:nth-child(2) {
        height: 1.23em;
    }

    .hero {
        padding: 0.6em 0em 4.2em 0em;
    }

    .melo_pic {
        top: 6.05em;
        left: calc(25% + 1.66px);
        width: calc(50% - 3.33px);
    }

    .not_found {
        padding: 11em 0em 4.2em 0em;
    }

    .notes p:first-child, .notes p:last-child {
        min-width: calc(50% - 6.66px);
    }

    .notes p:first-child {
        padding-right: 0.185em;
    }

    .info {
        padding-bottom: 4.2em;
    }

    .info h3 {
        margin-bottom: 1.1em;
    }

    .info p {
        column-count: 1;
        padding-right: calc(25% + 3.33px);
    }

    #archive {
        padding: 2.6em 0em 4.2em 0em;
    }

    .title, .not_found .title, .hero h3 {
        margin-bottom: 1em;
    }

    #grid {
        row-gap: 1.6em;
        column-gap: 13.33px;
        padding-top: 0.6em;
        grid-template-columns: repeat(2, calc(50% - 6.66px));
    }

    [data-page="error"] footer h1 {
        font-size: 62vw;
    }

    .product_desc {
        padding-top: 0.2em;
    }

    .content, .services, .extra {
        flex-direction: column;
    }

    .content, #enact {
        padding-bottom: 1em;
    }

    .col_left, .col_right, .social {
        flex-direction: row;
        flex-wrap: wrap;
    }

    .col_left, .col_right {
        justify-content: flex-start;
    }

    .notes, .social {
        justify-content: space-between;
    }

    .col_left li, .col_right li {
        margin-right: 0.4em;
    }

    .error_message h3, .col_left li:first-child, .social li:first-child, .compliance li:first-child {
        width: 100%;
    }

    .col_left li:nth-child(3), .col_left li:nth-child(6), .col_right li:nth-child(2), .col_right li:nth-child(5) {
        background-color: #A9A9A7;
        width: 1px;
        height: 0.775em;
        margin: 0.3em 0.4em 0em 0em;
    }

    .links p {
        margin-top: 1.6em;
    }

    .social li:nth-child(2), .social li:last-child, .compliance li:last-child {
        width: calc(50% - 6.66px);
    }

    .compliance li:nth-child(2), .compliance li:nth-child(3) {
        width: calc(25% - 10px);
    }

    .homepage_foot {
        margin: 0.6em 0em 0.4em 0em;
    }

    #copyright {
        padding: 0.2em 0em 0.9em 0em;
    }
}