.subpageheader.primarybg h1 {
    color: #FFF;
    flex: 0 1 80%;
    padding-right: 40px;
    max-width: 80%;
}
.subpageheader {
    padding:110px 0 30px 0;
    position:relative;
}
.subpageheader .frame-container {
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    justify-content: space-between;
}
.subpageheader-image {
    flex: 0 1 20%;
    max-width: 20%;
    height: auto;
}
.subpageheader-image img {
    width:100%;
    height:auto;
}
.subpageheader-content {
    margin-top:60px;
    max-width:100%;
    margin-bottom:60px;
}
.subpageheader-content .frame-container {
    display:flex;
    flex-wrap:wrap;
}
.subpageheader-content .frame-container .goldentext {
    flex:0 1 40%;
    max-width:40%;
    padding-right:3%;
    box-sizing: border-box;
}
.subpageheader-content .frame-container .goldentext p {
    font-size:24px;
    line-height:42px;
    color:var(--gold)
}
.subpageheader-content .frame-container .normaltext {
    flex:0 1 60%;
    max-width:60%;
    padding-left:60px;
    padding-right:15%;
    box-sizing: border-box;
}
.subpageheader-content svg {
    height:auto;
    width:30px;
}
.subpageheader-content .st0 {
    stroke-width:2;
    stroke-miterlimit:10;
    stroke:var(--gold);
    fill:none;
}
.subpageheader-content ul {
    font-weight: 300;
    line-height: 26px;
}
.smallimageintro {
    flex:0 1 150px;
    max-width:150px;
    margin-right:25px;
    width:150px;
    height:150px;
    border-radius:50%;
    overflow:hidden;
}

.smallimageintro img {
    width:100%;
    height:100%;
    object-fit:cover;

}

.smallcontact {
    display:flex;
    flex-wrap:wrap;
    align-items:center;
}

.contactdata {
    flex:0 1 calc(100% - 175px);
    max-width:calc(100% - 175px);
}

.subpageheader.bg-violet h1,
.subpageheader.bg-gold h1 {
    color: #FFF;
}

@media only screen and (max-width: 980px) {
    .subpageheader {
        padding: 25vh 0 30px 0;
    }
    .subpageheader.primarybg h1 {
        flex: 0 1 100%;
        padding-right: 0;
        max-width: 100%;
    }
    .subpageheader-image {
        flex: 0 1 50%;
        max-width: 50%;
        height: auto;
        margin-top: 30px;
    }
    .subpageheader-content {
        margin-top: 30px;
        max-width: 100%;
        margin-bottom: 30px;
    }
    .subpageheader-content .frame-container .goldentext {
        flex: 0 1 100%;
        max-width: 100%;
        padding-right: inherit;
    }
    .subpageheader-content .frame-container .normaltext {
        flex: 0 1 100%;
        max-width: 100%;
        padding-left: 0;
        padding-right: 0;
        margin-top: 25px;
    }
    .subpageheader-content .frame-container .goldentext p {
        font-size:18px;
        line-height:34px;
    }
}