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



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


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

/* Ribbon */


/* Hero */

.section-hero .hero-headline {
    flex-direction: column;
    align-items: center;
    text-align: center;
}
.section-hero .gradient-text {
    height: 105px;
}
@media only screen and (max-width: 1068px) {
	.section-hero .gradient-text {
    	height: 70px;
	}
}
@media only screen and (max-width: 734px) {
	.section-hero .gradient-text {
    	height: 55px;
	}
}

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

/* 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 .compare-buttons .compare-column {
	flex-direction: column;
	gap: 13px;
}
.section-compare .compare-buttons .button:first-child {
	margin-inline-end: 0;
}

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

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

.section-compare .compare-table .gallery-item {
	--item-width: 252px;
}

@media (max-width:1068px) {
	.section-compare .compare-table .gallery-item {
		--item-width: 252px;
	}
}

@media (max-width:375px) {
	.section-compare .compare-table .compare-column {
		--item-width: 273px;
	}
}

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

.section-compare .scroll-gallery .gallery-item#compare-mba-devices {
	--item-width: 220px;
}

.section-compare .scroll-gallery .gallery-item#compare-mbp-devices {
	--item-width: 220px;
}

/* END COMPARE */


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