:root {
    --pmg-white: #FFFFFF;
    --pmg-black: #292A2C;
    --pmg-grey: #7D7D7D;
    --pmg-gold: #CDA52A;
    --pmg-beige: #F7F6EF;

    --header-height: 120px;
    --content-header-offset: 50px;
    --content-max-width: 1174px;


    --content-padding: 15px;
    --section-spacing: 25px;
}

* {
    outline: none;
    hyphens: auto;
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
}

html {
    font-size: 16px;
    overflow-x: hidden;
}

body {
    overflow-x: hidden;
}

.viewport {
    /*overflow: hidden;*/
    /*position: fixed;*/
    /*height: 100%;*/
    /*width: 100%;*/
    /*top: 0;*/
    /*left: 0;*/
    /*right: 0;*/
    /*bottom: 0;*/
}

.scroll-container {
    padding-top: var(--header-height);
    width: 100%;
    /*position: absolute;*/
    /*overflow: hidden;*/
    /*backface-visibility: hidden;*/
    /*transform-style: preserve-3d;*/
}

h1, h2, h3, h4, h5, h6 {
    font-family: plantin, sans-serif;
    font-size: min(2.5em, 8vw);

    letter-spacing: 3px;

    font-style: normal;
    font-weight: normal;

    margin-block-start: 0;
    margin-block-end: 0;
}

p,li {
    font-family: neue-haas-grotesk-display, sans-serif;
    font-size: 1em;

    line-height: 24px;
    letter-spacing: 2px;

    font-weight: normal;
    font-style: normal;

    margin-block-start: 0;
    margin-block-end: 0;
}

a {
    font-family: neue-haas-grotesk-display, sans-serif;
    font-size: 1em;
    text-decoration: none;
}

hr {
    display: inline-block;
    border-style: solid;
    background-color: transparent;
    margin: 0;
    color: transparent;
    border-top: none;
    border-left: none;
    border-right: none;
}

.section__short-description {
    font-size: 0.875em;
    color: var(--pmg-gold);
    font-weight: 600;
    margin-bottom: 15px;
}

.underline {
    width: 100px;
    border-color: var(--pmg-gold);
}

.section__heading {
    margin-bottom: 35px;
    hyphens: auto;
}

.button {
    width: 100%;
    max-width: 315px;
    padding: 27px 15px;
    display: inline-block;
    font-family: plantin, sans-serif;
    letter-spacing: 2px;
}

.button--black {
    background-color: var(--pmg-black);
    color: var(--pmg-white);
}

.button--gold {
    background-color: var(--pmg-gold);
	color: var(--pmg-white);
}

.button--white {
    background-color: var(--pmg-white);
    color: var(--pmg-black);
}