h2 {
    font: 2.5rem/1.3 'Open sans bold', -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif;
    margin-bottom: 25px;
    letter-spacing: -0.03em;
}

@media (min-width: 768px) {
    h2 {
        font-size: 2.8rem;
        line-height: 1.25;
    }
}

body {
    font-size: 1.6rem;
}

p {
    font-size: 1.6rem;
    font-family: 'Open sans', -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif;
    line-height: 1.5;
}

b {
    font-family: 'Open sans bold', -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif;
    font-weight: normal;
}

body {
    font-family: 'Open sans', -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif;
}

:root {
    --sra-black: #000000;
    --sra-grey: #dddddd;
    --sra-white: #ffffff;
    --sra-purple: #7d4199;
    --sra-blue: #009ac7;
    --sra-green: #a3ba4d;
    --sra-orange: #f8b131;
    --sra-red: #b10035;
    --sra-primary-brand: var(--sra-red);
    --sra-brand-guidance-blue: #007da3;
    --sra-font-dark-grey: #191919;
    --sra-font-light-grey: #6f777b;
    --sra-font-red: var(--sra-primary-brand);
    --sra-font-white: #fafafa;
    --sra-footer-text: #c6c6c6;
    --sra-footer-background: #2c2c2c;
    --sra-focus: #ec6711;
    --sra-background-light: #f2f2f2;
    --sra-list-bullets: var(--sra-primary-brand);
    --sra-links: var(--sra-primary-brand);
    --sra-top-header: var(--sra-primary-brand);
    --sra-menu-divider: #cdcdcd;
    --sra-border-grey: #d2d2d2;
    --sra-border-grey-dark: #666666;
    --sra-brand-test-1: #525b34;
    --sra-black: #000000;
    --sra-pride-rainbow: linear-gradient(133deg, #b50038 0%, #ff0018 10%, #ffa52c 15%, #ffff41 20%, #008018 25%, #0000f9 30%, #86007d 35%, #b50038 40%, #b50038 100%);
    --step--2: clamp(0.78rem, calc(0.77rem + 0.04vw), 0.8rem);
    --step--1: clamp(0.94rem, calc(0.91rem + 0.12vw), 1rem);
    --step-0: clamp(1.13rem, calc(1.08rem + 0.24vw), 1.25rem);
    --step-1: clamp(1.35rem, calc(1.27rem + 0.41vw), 1.56rem);
    --step-2: clamp(1.62rem, calc(1.49rem + 0.65vw), 1.95rem);
    --step-3: clamp(1.94rem, calc(1.75rem + 0.97vw), 2.44rem);
    --step-4: clamp(2.33rem, calc(2.05rem + 1.4vw), 3.05rem);
    --step-5: clamp(2.8rem, calc(2.4rem + 1.98vw), 3.82rem);
    --space-3xs: clamp(0.31rem, calc(0.31rem + 0vw), 0.31rem);
    --space-2xs: clamp(0.56rem, calc(0.54rem + 0.12vw), 0.63rem);
    --space-xs: clamp(0.88rem, calc(0.85rem + 0.12vw), 0.94rem);
    --space-s: clamp(1.13rem, calc(1.08rem + 0.24vw), 1.25rem);
    --space-m: clamp(1.69rem, calc(1.61rem + 0.37vw), 1.88rem);
    --space-l: clamp(2.25rem, calc(2.15rem + 0.49vw), 2.5rem);
    --space-xl: clamp(3.38rem, calc(3.23rem + 0.73vw), 3.75rem);
    --space-2xl: clamp(4.5rem, calc(4.3rem + 0.98vw), 5rem);
    --space-3xl: clamp(6.75rem, calc(6.46rem + 1.46vw), 7.5rem);
    --space-3xs-2xs: clamp(0.31rem, calc(0.19rem + 0.61vw), 0.63rem);
    --space-2xs-xs: clamp(0.56rem, calc(0.42rem + 0.73vw), 0.94rem);
    --space-xs-s: clamp(0.88rem, calc(0.73rem + 0.73vw), 1.25rem);
    --space-s-m: clamp(1.13rem, calc(0.83rem + 1.46vw), 1.88rem);
    --space-m-l: clamp(1.69rem, calc(1.37rem + 1.59vw), 2.5rem);
    --space-l-xl: clamp(2.25rem, calc(1.66rem + 2.93vw), 3.75rem);
    --space-xl-2xl: clamp(3.38rem, calc(2.74rem + 3.17vw), 5rem);
    --space-2xl-3xl: clamp(4.5rem, calc(3.33rem + 5.85vw), 7.5rem);
    --space-s-l: clamp(1.13rem, calc(0.59rem + 2.68vw), 2.5rem);
}

p a {
    color: var(--sra-links);
    text-decoration: underline;
}

a {
    color: var(--sra-links);
}

p a:hover,
p a:focus {
    color: var(--sra-links);
}

a:focus,
a:hover {
    color: var(--sra-font-dark-grey);
}

html {
    font-size: 10px;
}

a {
    text-decoration: none;
}

a:hover,
a:focus {
    text-decoration: underline;
}

h2 {
    margin-top: 20px;
    margin-bottom: 10px;
}

h2 {
    font: 2.5rem/1.3 'Open sans bold', -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif;
    margin-bottom: 25px;
    letter-spacing: -0.03em;
    line-height: 1.25;
}

/*! CSS Used from: Embedded */
/*! @import https://yoshki.com/css/SRA.EnglishColour.Default.css */
#yoshkivalidation .ValidationPanelGood {
    background-image: url(/frontend/images/SRA.EnglishBW.Default.good.png);
    max-width: 732px;
    width: 90%;
    height: 296px;
    position: relative;
    background-size: 100%;
    background-repeat: no-repeat;
}

#yoshkivalidation .ValidationDomain {
    position: absolute;
    font-family: Open Sans;
    color: rgba(0, 0, 0, 0);
    font-size: 14pt;
    width: 420px;
    text-align: center;
    left: 300px;
    top: 300px;
}

#yoshkivalidation .ValidationDomainLink {
    top: 300px;
    border: solid 1px #B50038;
    display: block;
    color: #fff;
    position: absolute;
    background-color: #B50038;
    text-decoration: none;
    float: left;
    left: 60px;
    padding: 15px;
    font-family: open sans;
    font-size: 20pt;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}

#yoshkivalidation .ValidationDomainLink a {
    font-family: Open Sans;
    text-decoration: none;
    color: #fff;
    font-size: 16pt;
}

.field1 {
    top: 120px;
    xwidth: 600px;
    position: relative;
    color: #333;
    text-align: left;
    xleft: 160px;
    padding: 0px;
    font-family: open sans;
    font-size: 12pt;
    padding-left: 30%;
}

.field2 {
    top: 150px;
    xwidth: 600px;
    position: relative;
    color: #333;
    text-align: left;
    xleft: 160px;
    padding: 0px;
    font-family: open sans;
    font-size: 12pt;
    padding-left: 30%;
}

.field3 {
    top: 380px;
    xwidth: 600px;
    position: absolute;
    vertical-align: middle;
    text-align: left;
    color: #333;
    left: 25px;
    padding: 0px;
    font-family: open sans;
    font-size: 12pt;
    padding-left: 5%;
}

@media (max-width: 400px) {
    #yoshkivalidation .ValidationPanelGood {
        background-position: -20px 0px;
    }

    #yoshkivalidation .ValidationDomainLink {
        width: 90%;
        left: 0px;
        font-size: 10pt;
    }

    .field1,
    .field2 {
        left: 0px;
        padding-left: 0px;
    }
}

b {
    font-weight: bold;
}