@font-face {
    font-family: 'Caslon Antique';
    src: url('CaslonAntique.woff2') format('woff2'),
        url('CaslonAntique.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Caslon Antique';
    src: url('CaslonAntique-Bold.woff2') format('woff2'),
        url('CaslonAntique-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}



html {
    font-size: 80%;
}

body {
    background-image: url("/images/kelan-Paper-texture-filter.png");
    font-family: "Caslon Antique";

}

p,
dd {
    font-size: 2rem;
    margin-bottom: 3%;
}

dt {
    font-size: 2.2rem;
}

a {
    color: #014635;
}

a:hover {
    color: #04795b
}

address {
    font-style: normal;
    font-size: 1.7rem;
    padding-left: 2rem
}

.border {
    border-width: 2px;
    border-style: solid;
    border-color: #00413179;
    border-radius: 4px;
}

/* Buttons
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.button,
button,
input[type="submit"],
input[type="reset"],
input[type="button"] {
    font-size: 1.7rem;
    color: #1b271e;
}

.button:hover,
button:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover,
.button:focus,
button:focus,
input[type="submit"]:focus,
input[type="reset"]:focus,
input[type="button"]:focus {
    color: #014635;
    border-color: #5e5e5e;
    outline: 0;
}

.button.button-primary,
button.button-primary,
input[type="submit"].button-primary,
input[type="reset"].button-primary,
input[type="button"].button-primary {
    color: #FFF;
    background-color: #014635;
    border-color: #014635;
}

.button.button-primary:hover,
button.button-primary:hover,
input[type="submit"].button-primary:hover,
input[type="reset"].button-primary:hover,
input[type="button"].button-primary:hover,
.button.button-primary:focus,
button.button-primary:focus,
input[type="submit"].button-primary:focus,
input[type="reset"].button-primary:focus,
input[type="button"].button-primary:focus {
    color: #FFF;
    background-color: #04795b;
    border-color: #04795b;
}


@media (min-width: 550px) and (max-width: 600px) {
    .venue-wrap {
        position: absolute;
    }
    .get-there {
        margin-top: 35%;
    }
}



/* Larger than phablet (also point when grid becomes active) */
@media (min-width: 550px) {
    .subheading-left {
        text-align: right;

    }

    .subheading-right {
        text-align: left;

    }


}

@media (min-width: 671px) {
    .subheading-left {
        padding-right: 4rem;
    }
}