* {
/*        border: solid 1px red;*/
}

html {
        font-size: 100%;
}

body {
        background-color: #273c3f;
        margin: 0;
        height: 100%;
        font-family: "Cormorant Garamond", Garamond, serif;
/*        font-size: clamp(0.5rem, 0.8rem + 1.2vw, 2rem);*/
         font-size: clamp(1rem, 0.95rem + 0.4vw, 1.25rem);
        color: #5b6476;
        margin: 0 auto;
        padding: 0;
}

div.cont {
        max-width: 900px;
        margin: 0 auto;
        background: #ffffff;
        padding: 1rem;
}


div.header {
        background: ivory;
        background-image: url("img/headerbg.avif");
        background-size: cover;
        background-repeat: no-repeat;
        background-blend-mode: multiply;
        max-width: 900px;
        margin: 0 auto;
        height: 7rem;
        padding: 1rem;
}

b {     margin: 1.5rem 0;
}

p {
        margin: 1rem 1rem;
        margin-right: 2rem;
        font-weight: 400;
}

a {
        text-decoration: none;
        color: #5b6476;
}


div.affiliations {
        font-size: 0.8em;
        margin-top: 1.5rem;
}

div.testimonials {
        text-align: center;
/*        font-size: 0.9em;*/
        text-wrap: balance;
        margin: inherit;
        margin-top: 1.2em;
        margin-bottom: 2em;
}

p.headertext {
        font-size: 3rem;
        font-family: "Rosarivo", Garamond, serif;
        font-weight: bold;
        margin-top: 2rem;
        padding-right: 4%;
/*        margin-left: 80%;*/
        float: right;
        color: #002233;
        opacity: 0.7;
        
}


ul {
        margin: 0 1rem;
        padding: 0 1.5em;
}

ul.wt {
        list-style-type: none;
        padding: 0;
        padding-left: 1.5em;
        text-indent: -1.5em;
}

li {
        margin: 0;
        padding: 0 0.5em;
}


img.headshot {
        float: right;
        width: 30%;
        border-radius: 0.5rem;
        margin-left: 2rem;
        margin-right: 2rem;
}

h1, h2, h3 {
        margin: 2rem 1rem 1rem;
}

h1 {
/*        font-size: 2.6rem;*/
/*        font-size: clamp(2rem, 1.8rem + 0.8vw, 3.4rem);*/
        font-size: clamp(1.2rem, 1.4rem + 1.8vw, 3.5rem);
        text-wrap: balance;
        margin: 2rem 1rem 0;
}

h2 {
/*        font-size: 1.5rem;*/
/*        font-size: clamp(1.2rem, 1.3rem + 0.8vw, 1.8rem);*/
        font-size: clamp(1.1rem, 0.7rem + 0.8vw, 1.8rem);
        text-transform: uppercase;
}

h3 {
/*        font-size: 1.1rem;*/
/*        font-size: clamp(1.4rem, 1rem + 0.2vw, 1.6rem);*/
        font-size: clamp(1.375rem, 1.15rem + 0.5vw, 1.625rem);
        margin: 0rem 1rem 2rem;
}

h4 {
        margin: 0 1rem 1rem;
        font-weight: bold;
}

h4.h4t {
        margin-top: 2rem;
        margin-bottom: 2rem;
}

p.h4i {
        margin: 0 2rem 1rem;
}

.pullquote {
        float: right;
        border-radius: 0.5rem;
        margin-left: 2rem;
        margin-right: 2rem;
        padding: 3rem 2rem;
        background-color: #273c3fd0;
        border: solid 2px #273c3f;
        color: #ffffff;
        font-style: italic;
        font-size: 1.2em;
}

hr {
        width: 95%;
        margin: 2em auto;
}

.bg1 .bg2 {
        padding: 0.2em 1em 0.5em;
        width: 100%;
        background-color: #273c3f;
}

/*.bg1 {
        background-color: #f1f2ec;
}

.bg2 {
        background-color: #c0d5d8;
}
*/