/*------------------------------------*\
   LOCAL SCREENS
\*------------------------------------*/





 /*------------------------------------*\
   END LOCAL SCREENS
\*------------------------------------*/





 /*------------------------------------*\
   LOCAL FIXES
\*------------------------------------*/

.section-welcome .media-container .overview-welcome-welcome-hero-logo {
    opacity: 0;
    z-index: 5;
    margin: 0 auto;
    transition: opacity .6s ease-in-out, transform 1s ease-in-out;
    transform: translateY(25px);
}

html.no-enhanced .section-welcome .media-container .overview-welcome-welcome-hero-logo,
html.no-js .section-welcome .media-container .overview-welcome-welcome-hero-logo {
    opacity: 1;
}

.overview-welcome-welcome-hero-block {
    width: 297px;
    height: 97px;
    background-color: #fff;
    margin: 0 auto;
    z-index: 4;
    position: absolute;
    left: 50%;
    transform: translateX(-50%) scale(1.5);
    opacity: 0;
    transition: opacity .3s ease-in-out;
}

.inline-media-component-container.fallback .overview-welcome-welcome-hero-block, .inline-media-component-container.fallback .overview-welcome-welcome-hero-logo {
    opacity: 0;
    display: none;
}

@media only screen and (min-width: 1441px) {
    .section-welcome .overview-welcome-welcome-hero-logo, .section-welcome .overview-welcome-welcome-hero-logo img, .overview-welcome-welcome-hero-block {
        width: 518px;
        height: 176px;
    }
}

@media only screen and (max-width: 1068px) {
    .section-welcome .overview-welcome-welcome-hero-logo, .section-welcome .overview-welcome-welcome-hero-logo img, .overview-welcome-welcome-hero-block {
        width: 228px;
        height: 79px;
    }
}

@media only screen and (max-width: 734px) {
    .section-welcome .overview-welcome-welcome-hero-logo, .section-welcome .overview-welcome-welcome-hero-logo img, .overview-welcome-welcome-hero-block {
        width: 302px;
        height: 101px;
    }
}

@media only screen and (max-width: 480px) {
    .section-welcome .overview-welcome-welcome-hero-logo, .section-welcome .overview-welcome-welcome-hero-logo img, .overview-welcome-welcome-hero-block {
        width: 248px;
        height: 85px;
    }
}

.card .card-control .tile-button .tile-icon.larger {
    height: 46px;
    width: 46px;
}

.card .card-control .tile-button .tile-icon {
    height: 20px;
    width: 20px;
}

@media only screen and (max-width: 1068px) {
	.typography-product-stories-bento-copy {
    	font-size: 14px;
	}
}

@media (max-width:734px) {
    .typography-product-stories-bento-copy {
        font-size: 13px;
    }
}

.section-contrast .section-header .section-header-headline {
        max-width: 60%;
        min-width: 50%;
    }
@media (max-width: 1068px) {
    .section-contrast .section-header .section-header-headline {
        max-width: 50%;
        min-width: 50%;
    }
}
@media (max-width: 734px) {
    .section-contrast .section-header .section-header-headline {
        max-width: unset;
        min-width: unset;
    }
}
/*------------------------------------*\
   END LOCAL FIXES
\*------------------------------------*/
