#connected .bo-temp {display: grid;}
#connected .content {grid-row: 1;}
#connected .picture {grid-row: 2;}
#connected .icons {grid-row: 3; padding-top: 2rem;}
#connected .icons ul li {text-align: left;}
.razer-rtl #connected .icons ul li {text-align: right;}
#connected .icons ul li .body-copy em {color: #fff;}
#connected .icons ul > li .body-copy {width: 100%; margin: 0;}
@media (min-width: 769px) {
	#connected .icons {padding-top: 5rem;}
	#connected .icons ul {display: block; font-size: 0; max-width: 700px;}
	#connected .icons ul > li {display: inline-block; width: 100%; vertical-align: top;}
}
#connected ol.parts {
    column-count: 2;
    column-gap: 15%;
			display: inline-block !important;
			list-style-position: inside;
			width: 100%;
			max-width: 800px;
	li{
		display: list-item !important;
	}
	a:has(em){
			color: inherit;
    text-underline-offset: 0px !important;
	}
}
#footnote-pd{
		text-align: center !important;
}
@media (max-width: 768px) {
#connected ol.parts {
    column-count: 1;
    column-gap: 0;
			display: inline-block !important;
			list-style-position: inside;
			width: 100%;
}
#footnote-pd{
		text-align: inherit !important;
}
}
 @media screen and (max-width:767px){} @media screen and (-webkit-max-device-pixel-ratio: 1) and (min-width: 1200px), screen and (min-width: 768px) and (max-width: 1200px){} @media screen and (-webkit-min-device-pixel-ratio: 1) and (min-width: 1200px){} @media screen and (-webkit-min-device-pixel-ratio: 1.5) and (min-width: 1200px){}