/* @group Secondary Header
------------------------------------ */

/* Image
------------- */
.secondary-header .image-col .bp-multimedia {
    height: 33.7rem;
    width: 100%;
}

@media only screen
and (min-width : 961px) {
    /* Image
    ------------- */
    .secondary-header .image-col .bp-multimedia {
        height: 53.1rem;
    }
}
@media only screen
and (min-width : 961px)
and (max-width : 1440px) {
}
@media only screen
and (min-width : 0)
and (max-width : 960px) {
}

/* @end */


/* Animations
------------------------------------ */
:where(#wrapper) .secondary-header .bp-column {
	opacity: 0;
	--duration: 1s;
}
:where(#wrapper) .secondary-header .bp-column.animateActive {
	animation: fade var(--duration) forwards;
	animation-delay: var(--delay, 0);
}
:where(#wrapper) .secondary-header .bp-column.animateActive:nth-child(1) {
	--delay: .3s;
}
:where(#wrapper) .secondary-header .bp-column.animateActive:nth-child(2) {
	--delay: .5s;
}