/* Site Build - Beskar 1.0 - KriegerShield Data Center Styles - Aug 2025
========================================================================================================== */



/* EXTRA SMALL DEVICES (PHONES, 767PX AND DOWN) 
---------------------------------------------------------------------------------------------------------- */
@media only screen and (max-width: 767px) {
		
	/* ---- Data Center (dc) Title Styles ---- */	
	.rf-dc-title {
		width: 100%;
		height: auto;
		text-align: center;
		vertical-align: top;
		background-image: url("../../images/rf/dc_title_mobile_bg.jpg");
		background-repeat: no-repeat;
		background-size: 1200px 550px;
		background-position: top center;
		background-color: #000000;
		border-bottom: 1px solid #000000;
		display: block;
		padding: 320px 0px 40px 0px;
	}
	
		.rf-dc-title-headline {
			width: 100%;
			font-size: 28px;
			line-height: 38px;
			font-weight: 300;
			letter-spacing: -0.5px;
			color: #ffffff;
			display: block;
			padding: 0px 0px 20px 0px;
		}	
	
	.rf-dc-title-box {
		width: 290px;
		vertical-align: top;
		border: 1px solid #777777;
		border-radius: 16px;
		background: rgba(00, 00, 00, 0.8);
		padding: 16px 14px 16px 14px;
		margin: 0px auto 0px auto;
		display: block;
	}
	
		.rf-dc-title-box-left {
			width: 100%;
			color: #ffffff;
			text-align: center;
			vertical-align: top;
			border-right: 0px;
			border-bottom: 1px solid #777777;
			display: block;
			padding: 0px 10px 20px 10px;
		}
		
		.rf-dc-title-box-right {
			width: 100%;
			color: #ffffff;
			text-align: center;
			vertical-align: top;
			display: block;
			padding: 20px 10px 0px 10px;
		}


	.rf-dc-title-box-rating {
		width: 100%;
		font-size: 40px;
		line-height: 40px;
		font-weight: 300;
		letter-spacing: -0.5px;
		color: #ffffff;
		display: block;
		padding: 0px 0px 5px 0px;
	}
	
	.rf-dc-title-box-subhead {
		width: 100%;
		font-size: 16px;
		line-height: 22px;
		font-weight: 600;
		color: #ffffff;
		display: block;
	}
	
	.rf-dc-title-box-text {
		width: 100%;
		font-size: 14px;
		line-height: 20px;
		color: #a7a7a7;
		display: block;
	}


	/* ---- Data Center (dc) Content Styles ---- */
	.rf-dc-content {
		width: 100%;
		max-width: 940px;
		text-align: center;
		vertical-align: top;
		display: block;
		padding: 0px 30px 0px 30px;
		margin: 0px auto 0px auto;
	}
	
		.rf-dc-intro {
			width: 100%;
			font-size: 22px;
			line-height: 30px;
			font-weight: 300;
			letter-spacing: -0.5px;
			color: #8a1a1c;
			display: block;
			padding: 30px 0px 30px 0px;

		}
	
	.rf-dc-content-row {
		widows: 100%;
		vertical-align: top;
	}
	
		.rf-dc-content-left {
			width: 100%;
			font-size: 14px;
			line-height: 22px;
			font-weight: 400;
			color: #777777;
			text-align: center;
			vertical-align: top;
			display: inline-block;
			margin: 0px 0px 40px 0px;
		}
	
		.rf-dc-content-right {
			width: 100%;
			font-size: 14px;
			line-height: 22px;
			font-weight: 400;
			color: #777777;
			text-align: center;
			vertical-align: top;
			display: inline-block;
			margin: 0px 0px 40px 0px;
		}
	
	.rf-dc-icon {
		width: 50px;
		height: 50px;
		margin: 0px auto 5px auto;
		display: block;
	}
	
	.rf-dc-icon-title {
		width: 100%;
		font-size: 20px;
		line-height: 20px;
		font-weight: 600;
		color: #8a1a1c;
		text-align: center;
		vertical-align: top;
		display: block;
		padding: 0px 0px 8px 0px;
	}
	
	
	/* ---- Data Center (dc) Threshold Styles ---- */
	.rf-dc-threshold-area {
		width: 100%;
		height: 500px;
		vertical-align: top;
		background-image: url("../../images/rf/dc_threshold_mobile_bg.gif");
		background-repeat: no-repeat;
		background-size: 1200px 500px;
		background-position: bottom center;
		background-color: #f6f6f6;
		border-top: 1px solid #dddddd;
		border-bottom: 1px solid #000000;
		display: block;
		margin: 30px 0px 80px 0px;
	}
	
	.rf-dc-threshold-text {
		width: 320px;
		font-size: 12px;
		line-height: 18px;
		font-weight: 400;
		color: #000000;
		text-align: left;
		vertical-align: top;
		display: block;
		margin: 0px auto 0px auto;
		padding: 30px 120px 0px 10px;

	}
	
	.rf-dc-threshold-headline {
		width: 100%;
		font-size: 30px;
		line-height: 36px;
		font-weight: 300;
		letter-spacing: -0.5px;
		color: #8a1a1c;
		text-align: left;
		vertical-align: top;
		display: block;
		padding: 0px 0px 5px 0px;

	}
	
	
	/* ---- Data Center (dc) Chart Styles ---- */
	.rf-dc-chart-box {
		width: 100%;
		border: 1px solid #dddddd;
		border-radius: 20px;
		vertical-align: top;
		background-color: #f6f6f6;
		padding: 20px 0px 20px 10px;
		
	}
	
	.rf-dc-grid {
		white-space: nowrap;
		display: grid;
		grid-template-columns: max-content auto ;
	}
	
	.rf-dc-grid-cell {
		padding: 0px 0px 10px 0px;
	}
	
	.rf-dc-grid-overflowing {
		overflow-x: scroll;
	}

	.rf-dc-chart-numbers {
		width: 55px;
		height: 457px;
		text-align: right;
		vertical-align: top;
		border-right: 1px solid #777777;
		display: block;
	}

	.rf-dc-chart-graph {
		width: 798px;
		height: 457px;
		text-align: left;
		vertical-align: top;
		background-image: url("../../images/rf/dc_chart_graph_bg.png");
		background-repeat: no-repeat;
		background-size: 798px 457px;
		background-position: top left;
		display: block;
	}

	
	/* ---- Data Center (dc) Model Styles ---- */
	.rf-dc-models {
		width: 100%;
		min-height: 670px;
		text-align: center;
		font-size: 16px;
		line-height: 24px;
		font-weight: 400;
		color: #777777;
		background-image: url("../../images/rf/dc_models_mobile_bg.jpg");
		background-repeat: no-repeat;
		background-size: 320px 271px;
		background-position: bottom center;
		background-color: #ffffff;
		display: block;
		border-bottom: 1px solid #000000;
		padding: 0px 30px 0px 30px;
		margin: 60px auto 60px auto;
	}
	
	.rf-dc-models-headline {
		width: 100%;
		font-size: 28px;
		line-height: 34px;
		font-weight: 300;
		letter-spacing: -0.5px;
		color: #8a1a1c;
		text-align: center;
		vertical-align: top;
		display: block;
		padding: 0px 0px 15px 0px;

	}
	
	
}




/* SMALL DEVICES (PORTRAIT TABLETS AND LARGE PHONES, 400PX AND UP)  

This has been deprecated as of August 2023. 

---------------------------------------------------------------------------------------------------------- */




/* MEDIUM DEVICES (LANDSCAPE TABLETS, 768PX AND UP)
---------------------------------------------------------------------------------------------------------- */
@media only screen and (min-width: 768px) {
	
	/* ---- Data Center (dc) Title Styles ---- */	
	.rf-dc-title {
		width: 100%;
		height: auto;
		text-align: center;
		vertical-align: top;
		background-image: url("../../images/rf/dc_title_mobile_bg.jpg");
		background-repeat: no-repeat;
		background-size: 1100px auto;
		background-position: top center;
		background-color: #000000;
		border-bottom: 1px solid #000000;
		display: block;
		padding: 260px 0px 40px 0px;
	}
			
		.rf-dc-title-headline {
			width: 100%;
			font-size: 36px;
			line-height: 44px;
			font-weight: 300;
			letter-spacing: -0.5px;
			color: #ffffff;
			display: block;
			padding: 40px 0px 16px 0px;
		}
		
	.rf-dc-title-box {
		width: 550px;
		vertical-align: top;
		border: 1px solid #777777;
		border-radius: 16px;
		background: rgba(00, 00, 00, 0.8);
		padding: 16px 14px 16px 14px;
		margin: 0px auto 0px auto;
		display: block;
	}

		.rf-dc-title-box-left {
			width: 259px;
			color: #ffffff;
			text-align: center;
			vertical-align: top;
			border-right: 1px solid #777777;
			border-bottom: 0px;
			display: inline-block;
			padding: 10px 10px 10px 0px;
		}
		
		.rf-dc-title-box-right {
			width: 260px;
			color: #ffffff;
			text-align: center;
			vertical-align: top;
			display: inline-block;
			padding: 10px 0px 10px 10px;
		}
	
	.rf-dc-title-box-rating {
		width: 100%;
		font-size: 40px;
		line-height: 40px;
		font-weight: 300;
		letter-spacing: -0.5px;
		color: #ffffff;
		display: block;
		padding: 0px 0px 5px 0px;
	}
	
	.rf-dc-title-box-subhead {
		width: 100%;
		font-size: 16px;
		line-height: 22px;
		font-weight: 600;
		color: #ffffff;
		display: block;
	}
	
	.rf-dc-title-box-text {
		width: 100%;
		font-size: 14px;
		line-height: 20px;
		color: #a7a7a7;
		display: block;
	}	
	
	
	/* ---- Data Center (dc) Content Styles ---- */
	.rf-dc-content {
		width: 100%;
		max-width: 940px;
		text-align: center;
		vertical-align: top;
		display: block;
		padding: 0px 20px 0px 20px;
		margin: 0px auto 0px auto;
	}
	
		.rf-dc-intro {
			width: 100%;
			font-size: 22px;
			line-height: 32px;
			font-weight: 300;
			letter-spacing: -0.5px;
			color: #8a1a1c;
			display: block;
			padding: 40px 0px 40px 0px;

		}
		
	.rf-dc-content-row {
		widows: 100%;
		vertical-align: top;
	}	
	
		.rf-dc-content-left {
			width: 50%;
			font-size: 16px;
			line-height: 24px;
			font-weight: 400;
			color: #777777;
			text-align: center;
			vertical-align: top;
			display: inline-block;
			padding: 0px 20px 0px 0px;
			margin: 0px 0px 40px 0px;
		}
		
		.rf-dc-content-right {
			width: 50%;
			font-size: 16px;
			line-height: 24px;
			font-weight: 400;
			color: #777777;
			text-align: center;
			vertical-align: top;
			display: inline-block;
			padding: 0px 0px 0px 20px;
			margin: 0px 0px 40px 0px;
		}

	
	.rf-dc-icon {
		width: 50px;
		height: 50px;
		margin: 0px auto 5px auto;
		display: block;
	}
	
	.rf-dc-icon-title {
		width: 100%;
		font-size: 22px;
		line-height: 22px;
		font-weight: 600;
		color: #8a1a1c;
		text-align: center;
		vertical-align: top;
		display: block;
		padding: 0px 0px 8px 0px;
	}
	
	
	/* ---- Data Center (dc) Threshold Styles ---- */
	.rf-dc-threshold-area {
		width: 100%;
		height: 365px;
		vertical-align: top;
		background-image: url("../../images/rf/dc_threshold_desktop_bg.gif");
		background-repeat: no-repeat;
		background-size: 3000px 365px;
		background-position: bottom center;
		background-color: #f6f6f6;
		border-top: 1px solid #dddddd;
		border-bottom: 1px solid #000000;
		display: block;
		margin: 30px 0px 80px 0px;
	}
	
	.rf-dc-threshold-text {
		width: 767px;
		font-size: 16px;
		line-height: 24px;
		font-weight: 400;
		color: #000000;
		text-align: left;
		vertical-align: top;
		display: block;
		margin: 0px auto 0px auto;
		padding: 100px 0px 0px 370px;

	}
	
	.rf-dc-threshold-headline {
		width: 100%;
		font-size: 36px;
		line-height: 36px;
		font-weight: 300;
		letter-spacing: -0.5px;
		color: #8a1a1c;
		text-align: left;
		vertical-align: top;
		display: block;
		padding: 0px 0px 10px 0px;

	}
	
	
	/* ---- Data Center (dc) Chart Styles ---- */
	.rf-dc-chart-box {
		width: 100%;
		border: 1px solid #dddddd;
		border-radius: 20px;
		vertical-align: top;
		background-color: #f6f6f6;
		padding: 20px 0px 20px 25px;
		
	}
	
	.rf-dc-grid {
		white-space: nowrap;
		display: grid;
		grid-template-columns: max-content auto ;
	}
	
	.rf-dc-grid-cell {
		padding: 0px 0px 10px 0px;
	}
	
	.rf-dc-grid-overflowing {
		overflow-x: scroll;
	}

	.rf-dc-chart-numbers {
		width: 55px;
		height: 457px;
		text-align: right;
		vertical-align: top;
		border-right: 1px solid #777777;
		display: block;
	}
	
	.rf-dc-chart-graph {
		width: 798px;
		height: 457px;
		text-align: left;
		vertical-align: top;
		display: block;
	}
	
	
	/* ---- Data Center (dc) Models Styles ---- */
	.rf-dc-models {
		width: 100%;
		min-height: 383px;
		text-align: center;
		font-size: 16px;
		line-height: 24px;
		font-weight: 400;
		color: #777777;
		background-image: url("../../images/rf/dc_models_desktop_bg.jpg");
		background-repeat: no-repeat;
		background-size: 940px 383px;
		background-position: bottom center;
		background-color: #ffffff;
		display: block;
		border-bottom: 1px solid #000000;
		padding: 0px 140px 0px 140px;
		margin: 80px auto 80px auto;
	}
	
	.rf-dc-models-headline {
		width: 100%;
		font-size: 34px;
		line-height: 34px;
		font-weight: 300;
		letter-spacing: -0.5px;
		color: #8a1a1c;
		text-align: center;
		vertical-align: top;
		display: block;
		padding: 10px 0px 15px 0px;

	}
	

} 




/* LARGE DEVICES (LAPTOPS/DESKTOPS, 1200PX AND UP) 
---------------------------------------------------------------------------------------------------------- */
@media only screen and (min-width: 1240px) {
	
	/* ---- Data Center (dc) Title Styles ---- */	
	.rf-dc-title {
		width: 100%;
		height: 530px;
		text-align: center;
		vertical-align: top;
		background-image: url("../../images/rf/dc_title_desktop_bg.jpg");
		background-repeat: no-repeat;
		background-size: 2000px 530px;
		background-position: bottom center;
		background-color: #000000;
		border-bottom: 1px solid #000000;
		display: block;
		padding: 40px 16px 0px 16px;
	}
			
		.rf-dc-title-headline {
			width: 100%;
			font-size: 44px;
			line-height: 52px;
			font-weight: 300;
			letter-spacing: -0.5px;
			color: #ffffff;
			display: block;
			padding: 40px 0px 20px 0px;
		}
		
	.rf-dc-title-box {
		width: 550px;
		vertical-align: top;
		border: 1px solid #777777;
		border-radius: 16px;
		background: rgba(00, 00, 00, 0.8);
		padding: 16px 14px 16px 14px;
		margin: 0px auto 0px auto;
		display: block;
	}

		.rf-dc-title-box-left {
			width: 259px;
			color: #ffffff;
			text-align: center;
			vertical-align: top;
			border-right: 1px solid #777777;
			border-bottom: 0px;
			display: inline-block;
			padding: 10px 10px 10px 0px;
		}
		
		.rf-dc-title-box-right {
			width: 260px;
			color: #ffffff;
			text-align: center;
			vertical-align: top;
			display: inline-block;
			padding: 10px 0px 10px 10px;
		}
	
	.rf-dc-title-box-rating {
		width: 100%;
		font-size: 40px;
		line-height: 40px;
		font-weight: 300;
		letter-spacing: -0.5px;
		color: #ffffff;
		display: block;
		padding: 0px 0px 5px 0px;
	}
	
	.rf-dc-title-box-subhead {
		width: 100%;
		font-size: 16px;
		line-height: 22px;
		font-weight: 600;
		color: #ffffff;
		display: block;
	}
	
	.rf-dc-title-box-text {
		width: 100%;
		font-size: 14px;
		line-height: 20px;
		color: #a7a7a7;
		display: block;
	}
	
	
	/* ---- Data Center (dc) Content Styles ---- */
	.rf-dc-content {
		width: 940px;
		max-width: 940px;
		text-align: center;
		vertical-align: top;
		display: block;
		padding: 0px 30px 0px 30px;
		margin: 0px auto 0px auto;
	}
	
		.rf-dc-intro {
			width: 100%;
			font-size: 26px;
			line-height: 36px;
			font-weight: 300;
			letter-spacing: -0.5px;
			color: #8a1a1c;
			display: block;
			padding: 40px 0px 40px 0px;

		}
		
	.rf-dc-content-row {
		widows: 100%;
		vertical-align: top;
	}	
	
		.rf-dc-content-left {
			width: 400px;
			font-size: 16px;
			line-height: 24px;
			font-weight: 400;
			color: #777777;
			text-align: center;
			vertical-align: top;
			display: inline-block;
			margin: 0px 40px 40px 0px;
		}
		
		.rf-dc-content-right {
			width: 400px;
			font-size: 16px;
			line-height: 24px;
			font-weight: 400;
			color: #777777;
			text-align: center;
			vertical-align: top;
			display: inline-block;
			margin: 0px 0px 40px 40px;
		}

	
	.rf-dc-icon {
		width: 60px;
		height: 60px;
		margin: 0px auto 5px auto;
		display: block;
	}
	
	.rf-dc-icon-title {
		width: 100%;
		font-size: 22px;
		line-height: 22px;
		font-weight: 600;
		color: #8a1a1c;
		text-align: center;
		vertical-align: top;
		display: block;
		padding: 0px 0px 8px 0px;
	}
	
	
	/* ---- Data Center (dc) Threshold Styles ---- */
	.rf-dc-threshold-area {
		width: 100%;
		height: 365px;
		vertical-align: top;
		background-image: url("../../images/rf/dc_threshold_desktop_bg.gif");
		background-repeat: no-repeat;
		background-size: 3000px 365px;
		background-position: bottom center;
		background-color: #f6f6f6;
		border-top: 1px solid #dddddd;
		border-bottom: 1px solid #000000;
		display: block;
		margin: 30px 0px 80px 0px;
	}
	
	.rf-dc-threshold-text {
		width: 940px;
		font-size: 16px;
		line-height: 24px;
		font-weight: 400;
		color: #000000;
		text-align: left;
		vertical-align: top;
		display: block;
		margin: 0px auto 0px auto;
		padding: 100px 0px 0px 470px;

	}
	
	.rf-dc-threshold-headline {
		width: 100%;
		font-size: 36px;
		line-height: 36px;
		font-weight: 300;
		letter-spacing: -0.5px;
		color: #8a1a1c;
		text-align: left;
		vertical-align: top;
		display: block;
		padding: 0px 0px 10px 0px;

	}
	
	
	/* ---- Data Center (dc) Chart Styles ---- */
	.rf-dc-chart-box {
		width: 100%;
		border: 1px solid #dddddd;
		border-radius: 20px;
		vertical-align: top;
		background-color: #f6f6f6;
		padding: 20px 0px 20px 25px;
		
	}
	
	.rf-dc-grid {
		white-space: nowrap;
		display: grid;
		grid-template-columns: max-content auto ;
	}
	
	.rf-dc-grid-cell {
		padding: 0px 0px 10px 0px;
	}
	
	.rf-dc-grid-overflowing {
		overflow-x: scroll;
	}

	.rf-dc-chart-numbers {
		width: 55px;
		height: 457px;
		text-align: right;
		vertical-align: top;
		border-right: 1px solid #777777;
		display: block;
	}
	
	.rf-dc-chart-graph {
		width: 798px;
		height: 457px;
		text-align: left;
		vertical-align: top;
		display: block;
	}
	
	
	/* ---- Data Center (dc) Models Styles ---- */
	.rf-dc-models {
		width: 940px;
		min-height: 383px;
		text-align: center;
		font-size: 16px;
		line-height: 24px;
		font-weight: 400;
		color: #777777;
		background-image: url("../../images/rf/dc_models_desktop_bg.jpg");
		background-repeat: no-repeat;
		background-size: 940px 383px;
		background-position: bottom center;
		background-color: #ffffff;
		display: block;
		border-bottom: 1px solid #000000;
		padding: 0px 30px 0px 30px;
		margin: 80px auto 80px auto;
	}
	
	.rf-dc-models-headline {
		width: 100%;
		font-size: 34px;
		line-height: 34px;
		font-weight: 300;
		letter-spacing: -0.5px;
		color: #8a1a1c;
		text-align: center;
		vertical-align: top;
		display: block;
		padding: 10px 0px 15px 0px;

	}
	
		
}