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






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




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

.heading-column .typography-headline {
   padding-right: 15px;
}


.section-hero .typography-intro-elevated {
    margin: 50px 0 80px;
}

@media only screen and (max-width: 1068px) {
    .section-hero .typography-intro-elevated {
        margin: 55px 0;
    }
}

@media only screen and (max-width: 735px) {
    .section-hero .typography-intro-elevated {
        margin: 50px 0 40px
    }
}


.section-plans .applecare-plan .flex-row .column-dynamic-pricing {
	flex-basis: 90px;
	max-width: 90px;
}
@media only screen and (max-width: 1068px) {
	.section-plans .applecare-plan .flex-row .column-dynamic-pricing {
		flex-basis: 79px;
		max-width: 79px;
	}
}
@media only screen and (max-width: 734px) {
	.section-plans .applecare-plan .flex-row .column-dynamic-pricing {
		flex-basis: 65px;
		max-width: 65px;
	}
}

@media only screen and (max-width:735px) {
	.section-how-to-buy > div > div:nth-child(2) > div > div:nth-child(3) > ul {
		margin-top: 0px;
	}
}
@media only screen and (max-width:735px) {
	.section-how-to-buy > div > div:nth-child(2) > div > div:nth-child(3) > ul > li:nth-child(1) {
		margin-top: .4em;
	}
}

@media only screen and (max-width:735px) {
	.section-how-to-buy > div > div:nth-child(2) > div > div:nth-child(4) > ul {
		margin-top: 0px;
	}
}
@media only screen and (max-width:735px) {
	.section-how-to-buy > div > div:nth-child(2) > div > div:nth-child(4) > ul > li {
		margin-top: .4em;
	}
}


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