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






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




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

.section-design .subsection-design-hero .heart-bubble-wrapper {
	--heart-bubble-wrapper-bottom: 48px;
	--heart-bubble-wrapper-right: 43px;
}

@media only screen and (max-width: 1068px) {
	.section-design .subsection-design-hero .heart-bubble-wrapper {
		--heart-bubble-wrapper-bottom: 38px;
		--heart-bubble-wrapper-right: 58px;
	}
}

@media only screen and (max-width: 734px) {
	.section-design .subsection-design-hero .heart-bubble-wrapper {
		--heart-bubble-wrapper-bottom: 12px;
		--heart-bubble-wrapper-right: 41px;
	}
}

.section-routers .router-item-environment .accent-green:before {
	width: 129px;
	height: 51px;
	background-size: 129px 51px;
}

@media only screen and (max-width: 1068px) {
	section-routers .router-item-environment .accent-green:before {
		width: 108px;
		height: 44px;
		background-size: 108px 44px;
	}
}

@media only screen and (max-width: 734px) {
	.section-routers .router-item-environment .accent-green:before {
		width: 87px;
		height: 35px;
		background-size: 87px 35px;
	}
}

@media only screen and (max-width: 1068px) {
	.modal-trigger-container .button {
		padding: 14px 55px;
	}
}

@media only screen and (max-width: 734px) {
	.modal-trigger-container .button {
		width: 55%;
		padding: 10px 0px 10px 25px;
	}
}

.section-routers .section-compare {
	padding-bottom: 20px;
}

#overview-compare-compare-mbp-13-1 {
    margin-top: 0px;
}

@media only screen and (max-width: 734px) {
    #overview-compare-compare-mbp-13-1 {
        margin-top: 56px;
    }
}

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