.title-narziss-xxl {
    font-family: $NarzissPro;
    font-size: 340pt;
    font-weight: normal;
    line-height: 24rem;

    @include media-breakpoint-down(xxl){
        font-size: 275pt;
        line-height: 18rem;
    }
    @include media-breakpoint-down(xl){
        font-size: 220pt;
        line-height: 15rem;
    }
    @include media-breakpoint-down(lg){
        font-size: 170pt;
        line-height: 12rem;
    }
    @include media-breakpoint-down(md){
    }
}

.title-narziss-xl {
    font-family: $NarzissPro;
    font-size: 180pt;
    font-weight: normal;  
    
    @include media-breakpoint-down(xxl){
        font-size: 125pt; 
    }
    @include media-breakpoint-down(md){
        font-size: 70pt; 
    }
}

.title-narziss-lg {
    font-family: $NarzissPro;
    font-size: 56pt;
    font-weight: normal;
    
    @include media-breakpoint-down(md){
        font-size: 32pt;
    }
}

.title-narziss-md {
    font-family: $NarzissPro;
    font-size: 36pt;
    font-weight: normal;
    
    @include media-breakpoint-down(md){
        font-size: 28pt;
    }
}

.title-lg {
    font-size: 54pt;
}

.title-md {
    font-size: 21pt;
    line-height: 2.2rem;

    @include media-breakpoint-up(lg) {
        font-size: 28pt;
        line-height: 3.6rem;
    }

    @include media-breakpoint-up(xxl) {
        font-size: 36pt;
        line-height: 4rem;
    }
}

.title-sm {
    font-size: 14.5pt;
    line-height: 1.6rem;

    @include media-breakpoint-up(lg) {
        font-size: 21pt;
        line-height: 2.2rem;
    }
}

.caption-text {
    font-size: 12pt;  
    letter-spacing: 1px;
    line-height: 20px; 
    width: 360px;

    @include media-breakpoint-down(lg) {
        font-size: 10.5pt;
    }

    @include media-breakpoint-down(md) {
        width: 100%;
    }

    img {
        width: auto !important;
        height: 10px !important;
    }
}

.offset-text {
    position: relative;
    margin-top: 100px;
    margin-bottom: -100px;
    z-index: 1;

    @include media-breakpoint-down(xxl) {
        margin-bottom: -50px;
    }

    @include media-breakpoint-down(xl) {
        margin-bottom: 0;
    }
}