/* Icon Buttons
---------------------------------------------------------------- */
#PreviewButtonsDesktop {display: block; margin-top: 108px;}.PreviewBlueButton {width: 100%; height: 36px; border: 0; padding: 0 12px 0 12px;  background: #3778a0;  color: white; font-size: 12pt; font-weight: 600;}
.PreviewBlueButton:hover {text-decoration: underline;}
.PreviewBlueButton:active {background: black; text-decoration: none;}
.PreviewBlackButton {width: 100%; height: 36px; border: 0; padding: 0 12px 0 12px; background: black; color: white; font-size: 12pt; font-weight: 600;}
.PreviewBlackButton:hover {text-decoration: underline;}
.PreviewBlackButton:active {background: #3778a0; text-decoration: none;}
.PreviewCommissioning {display: none;}

@media (min-width: 320px) {
	#PreviewButtonsMobile {display: block; margin-top: 0;}
	#PreviewButtonsDesktop {display: none;}
}
	
@media (min-width: 768px) {
	#PreviewButtonsMobile {display: none}
	#PreviewButtonsDesktop {display: block; margin-top: 135px;}
	.PreviewBlueButton {width: auto;}
	.PreviewBlackButton {width: auto;}
	.PreviewCommissioning {margin-top: 20px; font-size: 10pt; line-height: 15pt; display: block;}
}

@media (min-width: 1024px) {
	#PreviewButtonsDesktop {display: block; margin-top: 108px;}
}

/* Related Keywords
---------------------------------------------------------------- */
.PreviewKeyword {float: left; width: 100%; padding-right: 10px;} /* Tiny: 1 across */
@media (min-width: 480px) {.PreviewKeyword {width: 50%;}} /* Mini: 2 across */
@media (min-width: 768px) {.PreviewKeyword {width: 33%;}} /* Small: 3 across */
@media (min-width: 1024px) {.PreviewKeyword {width: 33%;}} /* Medium: 3 across */
@media (min-width: 1280px) {.PreviewKeyword {width: 33%;}} /* Large: 3 across */
@media (min-width: 1440px) {.PreviewKeyword {width: 33%;}} /* HD: 3 across */
@media (min-width: 2560px) {.PreviewKeyword {width: 33%;}} /* 4K: 3 across */