/*
************************
    MEDIA BREAKPOINTS
************************
*/

/* 
xxs media breakpoint
*/
@media screen and (min-width: 0) {
    .page-header .title {
        margin-bottom: 24px;    
    }

    .page-header .description {
        margin-bottom: 24px;
    }

    .page-header img {
        margin: 0 auto;
        max-width: 1080px;
        width: 100%;
    }

    .content-footer-image {
        padding: 40px;
        margin: 0 auto;
        width: fit-content;
    }

    .content-footer-image img {
        width: min(500px, 80vw);
    }

}

/* 
narrow media breakpoint
*/
@media screen and (min-width: 320px) {
}

/* 
ns media breakpoint
*/
@media screen and (min-width: 475px) {
    .page-header .description {
        margin-bottom: 30px;
    }
}

/* 
media media breakpoint
*/
@media screen and (min-width: 640px) {
    .page-header .description {
        margin-bottom: 36px;
    }
}

/* 
medium_to_large media breakpoint
*/
@media screen and (min-width: 768px) {
    .page-header .description {
        margin-bottom: 42px;
    }
}

/* 
large media breakpoint
*/
@media screen and (min-width: 1024px) {
    .page-header .description {
        margin-bottom: 48px;
    }
}

/* 
xlarge media breakpoint
*/
@media screen and (min-width: 1200px) {
}

/* 
xxlarge media breakpoint
*/
@media screen and (min-width: 1440px) {
}



/*
==================
  REDUCED MOTION
================== */
@media (prefers-reduced-motion: reduce) {
}