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



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


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


/* Hero */

.section-hero .hero-headline {
    flex-direction: column;
    align-items: center;
    text-align: center;
}

.section-hero .hero-headline {
    gap: 20px;
    min-height:102px;
}

@media only screen and (max-width: 1068px) {
    .section-hero .hero-headline {
        gap: 0px;
    	height: 70px;
    }
}

@media only screen and (max-width: 734px) {
	.section-hero .hero-headline {
    	gap: 0px;
    	height: 100px;
	}
}

/* End hero */


/* START COMPARE */

.section-compare #overview-mac-ipad-1 > img {
    width: 552px;
    height: 308px;
}
@media only screen and (max-width: 1068px) {
    .section-compare #overview-mac-ipad-1 > img {
        width: 463px;
        height: 259px;
    }
}
@media only screen and (max-width: 734px) {
    .section-compare #overview-mac-ipad-1 > img {
        width: 340px;
        height: 190px;
    }
}



.section-compare {
    padding-bottom: 100px;
}

@media only screen and (max-width: 1068px) {
    .section-compare {
        padding-bottom: 80px;
    }
}

@media only screen and (max-width: 734px) {
	.section-compare .section-headline {
		max-width: 393px;
	}
}

.section-compare .scroll-gallery .gallery-item#compare-mbn-devices {
	--item-width: 190px;
}

/* END COMPARE */


@media only screen and (max-width: 1068px) {
	.section-do-more .accordion-content-paragraph ol:not(.links-stacked) li, .section-do-more .accordion-content-paragraph ul:not(.links-stacked) li {
		max-width: 499px;
	}
}

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