.primary-body{
        min-height: calc(100vh - 300px);
        /* padding: var(--paddingLarge); */
        background-color: rgb(var(--background));
        padding-bottom: calc(var(--paddingLarge) * 2);
}

h1{
        font-family: HightlightFont;
        font-weight: var(--fontWeightBold);
        color: rgb(var(--text));
        /*background-color: rgb(var(--background));*/
        font-size: var(--fontLargest);
        margin-right: auto;
        margin-left: auto;
        padding-top: calc(var(--paddingLarge) * 4);
        text-align: center;
        /*padding-left: calc(var(--paddingLarge) + var(--paddingSmall));*/
        width: max-content;
        
}

h2{
        font-family: HightlightFont;
        color: rgb(var(--highlight1));
        font-size: var(--fontLarge);
        font-weight: var(--fontWeightNormal);
        text-align: left;
        /*padding-left: calc(var(--paddingLarge) + var(--paddingSmall));*/
        margin-top: calc(var(--paddingLarge) * 2);
        margin-right: auto;
        margin-left: auto;
        width: 75vw;
}

h3{
        font-family: HightlightFont;
        color: rgb(var(--text));
        font-size: var(--fontMedium);
        font-weight: var(--fontWeightNormal);
        text-align: left;
        /*padding-left: calc(var(--paddingLarge) + var(--paddingSmall));*/
        margin-top: var(--paddingSmall);
        margin-right: auto;
        margin-left: auto;
        width: 75vw;
}

h4{
        font-family:Montserrat;
        color: rgb(var(--text));
        font-size: var(--fontSmall);
        font-weight: var(--fontWeightBold);
        text-align: left;
        /*padding-left: calc(var(--paddingLarge) + var(--paddingSmall));*/
        margin-top: var(--paddingSmall);
        margin-right: auto;
        margin-left: auto;
        width: 75vw;
}

p{
        font-family: Montserrat;
        color: rgb(var(--textFaint));
        font-size: var(--fontSmallest);
        font-weight: var(--fontWeightNormal);
        text-align: left;
        padding-left: var(--paddingSmall);
        margin: var(--paddingSmall); 
        margin-bottom:calc(var(--paddingSmall) + var(--paddingLarge));
        margin-right: auto;
        margin-left: auto;
        width: 75vw;
}

p.no-pad{
    padding-left: 0;
}

p a{
        color: rgb(var(--highlight2));
        text-decoration: underline;
}

p a:hover{
        color: rgb(var(--highlight2Faint));
}

label a{
        color: rgb(var(--highlight2));
}

label a:hover{
        color: rgb(var(--highlight2Faint));
}

section.page-head-image{
        position: relative;
        width: 100%;
        height: calc(100vw * 9/32);
        min-height: fit-content;
        background-color: rgb(var(--text));
        /*box-shadow: inset 0 0 0 1000px rgba( var(--backgroundFaint), 0.7);*/
        margin-bottom: calc(var(--paddingLarge) * 5);
}

section.page-head-image video{
  object-fit: cover;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
}

section.page-head-image h1 img{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    width: auto;
    height: 85%;
    filter: drop-shadow(0 0 20px rgb(var(--background)));
    height:70%;
    /*z-index:999;*/
}

/*section.page-head-image::before{*/
/*    content: "";*/
/*    display: block;*/
/*    position: absolute;*/
/*    top: 0;*/
/*    left: 0;*/
/*    width: 100%;*/
/*    height: 100%;*/
/*    background-image: linear-gradient(0deg, rgb(var(--background)), rgba(var(--backgroundFaint), 0.5), transparent,transparent,transparent);*/
/*    pointer-events: none;*/
/*}*/

a.inline-action-button{
        position: relative;
        background-color: rgb(var(--highlight2));
        background-image: linear-gradient(165deg, rgb(var(--highlight2)), rgb(var(--highlight3)));;
        color: rgb(var(--background));
        padding: var(--paddingSmall);
        padding-left: var(--paddingLarge);
        padding-right: var(--paddingLarge);
        display: block;
        margin-left: auto;
        margin-right: auto;
        width: max-content;
        margin-top: var(--paddingLarge);
        border-radius: var(--borderRadius);
        font-weight: var(--fontWeightBold);
        /* border: var(--borderThickness) solid rgb(var(--background)); */
}

a.inline-action-button:hover{
        background-color: rgb(var(--highlight2Faint));
        background-image: linear-gradient(165deg, rgb(var(--highlight2Faint)), rgb(var(--highlight3Faint)));;
        color: rgb(var(--backgroundFaint));
}

a.inline-action-button.full-width{
        width:100%;
        text-align:center;
}

div.tag-parent{
        position: absolute;
        bottom: var(--paddingLarge);
        right: var(--paddingLarge);
        display: flex;
        flex-direction: row-reverse;
        flex-wrap: wrap;
        justify-content: flex-start;
}

p.tag-item{
        position: relative;
        display: inline-block;
        color: rgb(var(--background));
        width: fit-content;
        padding: var(--paddingSmall) var(--paddingLarge);
        border-radius: var(--borderRadius);
        background-color: rgb(var(--highlight1));
        margin: var(--paddingSmall);
        border: var(--borderThickness) solid rgb(var(--background));
        /* font-size: var(--fontSmallest); */
}

.mini-text{
        font-size: var(--fontSmallest);
}

@media only screen and (max-width: 949px) {

        section.page-head-image{
                height: calc(100vw * 9/16);
        }

        .mini-text{
                font-size: var(--fontMicro);
        }
        
        h1{
            font-size: var(--fontMedium);
        }
        h2{
            width: 90vw;
        }
        
        h3{
            width: 90vw;
        }
        
        p{
            width: 90vw;
        }

}