h1 {
    font-family: 'Merriweather', serif;
    text-shadow: 4px 4px 4px rgba(0,0,0,.05);
}

.form-container {
  width: min(100%, var(--ch-unit)*62) !important;
  font-size: var(--base-unit) !important;
}

.sub-nav:not(#operation-christmas-child) {
    display: block !important;
}

.heart {
    max-width: 10em;
}

blockquote {
    font-family: 'Merriweather', serif;
    font-weight: 700;
    color: #262626;
}

h2 span, blockquote cite {
    color: #d5281e;
}



.callout-box {
    border: 1px solid #000;
    border-radius: 0.618em;
    padding: 1.618em;
    width: min(100%, var(--ch-unit, .56125em)*62);
}

.callout-box h4 {
  margin-top: 1.618em;
}

.callout-box ul {
    margin-bottom: 1.618em;
}

.callout-box header {
    margin-bottom: 0.618em;
}

.dropdown {
  width: min(100%, var(--ch-unit, .56125em)*62);
  margin-top: 2rem;
  margin-bottom: 2rem;

}

 [hidden],
    [type="hidden"] {
        display: inline-block !important;
    }
#select-container {
        display: block
    }

    label {
        display: inline-block;
        font-size: 1.382rem;
        line-height: 1.618
    }

    select {
        display: inline-block;
        font-size: 1.382rem;
        color: #888;
        line-height: 1.2;
        padding: .555rem 1em .555rem .382rem;
        width: 100%;
        max-width: 40rem;
        border: 2px solid #06c !important;
        border-radius: .382em;
        cursor: pointer;
        -moz-appearance: none;
        -webkit-appearance: none;
        appearance: none;
        background-color: #fff;
        background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%230066CC%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E'), linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 100%);
        background-repeat: no-repeat, repeat;
        background-position: right .618rem top 50%, 0 0;
        background-size: .618rem auto, 100%;
        transition: all .5s ease;
    }

    select:hover {
        color: #222
    }

    select:focus{
        border-color: #00CFFF;
        box-shadow: 0 0 1px 3px rgba(59, 153, 252, .7);
        box-shadow: 0 0 0 3px -moz-mac-focusring;
        outline: none
    }

    #select .inner {
        padding: 0
    }

    #select-container h3 {
        font-weight: 300;
    }

    #select blockquote {}

    #faq h2 {
        margin-bottom: 1.618rem;
    }


    .form-container {
        border: 1px solid #000;
        border-radius: 0.618em;
        padding: 1.618em;
    }

    @media(min-aspect-ratio:1/1) {

        @media(min-width:46.971rem) {

            .io_y #select h2 div {
                height: 4.236rem
            }

            #select h2+p {
                font-size: 120%
            }

            label,
            select {
                font-size: 1.618rem
            }

            label,
            select {
                font-size: 1.618rem
            }
        }
    }

    @media screen and (max-width:46rem) {

        select {
            font-size: 90%;
        }

        @media screen and (max-width:26rem) {

            select {
                font-size: 78%;
            }
        }
    }