@charset "utf-8";
/* CSS Document */

@font-face {
    font-family: Orator;
    src: url(gaming_bunker/img/font/OratorStd.otf);
    font-weight:100;
}

#DSG_wrapper {
	width:100%;
	height:auto;
	overflow:auto;
	line-height:normal;
	margin-bottom:20px;
}

#DSG_wrapper h1, h2, h3 {
	text-shadow:none !important;	
}

#DSG_wrapper .header-image {
	width:100%;	
}

#DSG_wrapper .header-image img {
	max-width:100%;	
}

#DSG_wrapper .header-image h1 {
	padding:0px;
	margin:0px;	
}

#DSG_wrapper #main-body {
	width:100%;
	height:auto;
	overflow:auto;
	background-image:url(gaming_bunker/img/gaming-back.jpg);
	background-repeat:no-repeat;
	background-position: top center;
}

#DSG_wrapper #main-body header {
	width:96%;
	margin:0 auto 0 auto;	
}

#DSG_wrapper #main-body header h2 {
	font-family:Orator, Helvetica, sans-serif;
	font-size:2.154em;
	color:#fff;
	padding:20px 0 0 0;
	margin:0px;
	text-align:center;
	font-weight:100;
}

#DSG_wrapper #main-body header p {
	color:#fff;
	font-size:1.385em;
	padding:0px;
	margin:20px 0 0 0;
	letter-spacing:1px;
	text-align:center;
	line-height:1.846em;
}

#DSG_wrapper #main-body header p span {
	color:#98ca3d;
	font-weight:bold;
}

#DSG_wrapper #main-body .location {
	width:96%;
	height:auto;
	overflow:auto;
	margin:60px auto 0 auto;	
}

#DSG_wrapper #main-body .location .location-left {
	width:49%;
	float:left;	
}

#DSG_wrapper #main-body .location .location-left img {
	max-width:100%;	
}

#DSG_wrapper #main-body .location .location-right {
	width:49%;
	float:right;
	background-image:url(gaming_bunker/img/bunker-address-back.png);
	background-repeat:repeat;
	height:319px;
}

#DSG_wrapper #main-body .location .location-right h3 {
		font-family:Orator, Helvetica, sans-serif;
	font-size:2.154em;
	color:#fff;
	padding:12px 0 0 0;
	margin:0px;
	text-align:center;
	font-weight:100;
}

#DSG_wrapper #main-body .location .location-right p {
	padding:0px;
	margin:10px 0 0 0;
	color:#fff;
	text-align:center;
	font-size:1.385em;
	letter-spacing:1px;
}

#DSG_wrapper #main-body #store-features {
	width:96%;
	height:auto;
	overflow:auto;
	margin:20px auto 0 auto;
	padding-bottom:50px;
}

#DSG_wrapper #main-body #store-features header {
	width:100%;
	margin:0 auto 0 auto;
	height:auto;
	overflow:auto;
	text-align:center;
}

#DSG_wrapper #main-body #store-features header h2 {
	font-family:Orator, Helvetica, sans-serif;
	font-size:2.154em;
	color:#fff;
	padding:38px 0 0 0;
	margin:0px;
	text-align:center;
	font-weight:100;
}

#DSG_wrapper #main-body #store-features header .razer-logo {
	width:30%;
	float:right;
	text-align:center;	
}

#DSG_wrapper #main-body #store-features header .razer-logo img {
	max-width:100%;	
}

#DSG_wrapper #main-body #store-features article {
	width:390px;
	height:auto;
	float:left;
	margin:40px 10px 0 0;
}

#DSG_wrapper #main-body #store-features article.last {
	margin-right:0px;	
}

#DSG_wrapper #main-body #store-features article .feature-image {
	width:100%;
}

#DSG_wrapper #main-body #store-features article .feature-image img {
	max-width:100%;	
}

#DSG_wrapper #main-body #store-features article h3 {
	font-family:Orator, Helvetica, sans-serif;
	font-size:1.846em;
	color:#fff;
	padding:10px 0 0 0;
	margin:0px;
	font-weight:100;
}

#DSG_wrapper #main-body #store-features article p {
	font-size:1em;
	color:#fff;
	padding:0px;
	margin:10px 20px 0 0;	
}

.ie8 #DSG_wrapper #main-body .location .location-right {
	height:auto;
	padding-bottom:10px;	
}

.ie8 #DSG_wrapper #main-body .location .location-right h3 {
	font-size:1.754em;	
}

.ie8 #DSG_wrapper #main-body .location .location-right p {
	font-size:1em;	
}

.ie8 #DSG_wrapper #main-body #store-features header {
	width:68%;
	margin-top:20px;
}

.ie8 #DSG_wrapper #main-body #store-features article {
	width:305px;	
}

.ie8 #DSG_wrapper #main-body #store-features article h3 {
	font-size:	1.646em;
}


	

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

@media only screen and (min-width: 998px) and (max-width: 1240px){


#DSG_wrapper #main-body .location .location-right {
	height:auto;
	padding-bottom:10px;	
}

#DSG_wrapper #main-body .location .location-right h3 {
	font-size:1.754em;	
}

#DSG_wrapper #main-body .location .location-right p {
	font-size:1em;	
}

#DSG_wrapper #main-body #store-features header {
	width:68%;
	margin-top:20px;
}

#DSG_wrapper #main-body #store-features article {
	width:305px;	
}

#DSG_wrapper #main-body #store-features article h3 {
	font-size:1.646em;
}


}

@media only screen and (min-width: 767px) and (max-width: 997px){

	#DSG_wrapper #main-body header h2 {
		font-size:1.554em;	
	}
	
	#DSG_wrapper #main-body header p {
		font-size:1em;	
	}
	
	#DSG_wrapper #main-body .location .location-left {
		width:100%;
		float:none;	
	}
	
	#DSG_wrapper #main-body .location .location-right{
		width:100%;
		float:none;
		margin-top:10px;
		height:auto;
		padding-bottom:10px;
	}
	
	#DSG_wrapper #main-body #store-features header {
		width:100%;
		margin:0px;
	}
	
	#DSG_wrapper #main-body #store-features header h2 {
		float:none;
		text-align:center;
		padding-top:10px;
	}
	
	#DSG_wrapper #main-body #store-features header .razer-logo {
		float:none;
		width:100%;
		margin-top:10px;
			
	}
	
	#DSG_wrapper #main-body #store-features article {
		width:100%;
		float:none;
		text-align:center;	
	}
	
	#DSG_wrapper #main-body #store-features article p {
		margin:10px 10px 0 10px;	
	}
}
 
@media only screen and (min-width: 480px) and (max-width: 767px){
#DSG_wrapper #main-body header h2 {
		font-size:1.554em;	
	}
	
	#DSG_wrapper #main-body header p {
		font-size:1em;	
	}
	
	#DSG_wrapper #main-body .location .location-left {
		width:100%;
		float:none;	
	}
	
	#DSG_wrapper #main-body .location .location-right{
		width:100%;
		float:none;
		margin-top:10px;
			height:auto;
		padding-bottom:10px;
	}
	
	#DSG_wrapper #main-body #store-features header {
		width:100%;
		margin:0px;
	}
	
	#DSG_wrapper #main-body #store-features header h2 {
		float:none;
		text-align:center;
		padding-top:10px;
	}
	
	#DSG_wrapper #main-body #store-features header .razer-logo {
		float:none;
		width:100%;
		margin-top:10px;
			
	}
	
	#DSG_wrapper #main-body #store-features article {
		width:100%;
		float:none;
		text-align:center;	
	}
	
	#DSG_wrapper #main-body #store-features article p {
		margin:10px 10px 0 10px;	
	}
	


}
   
@media only screen and (min-width: 0px) and (max-width: 479px){

#DSG_wrapper #main-body header h2 {
		font-size:1.554em;	
	}
	
	#DSG_wrapper #main-body header p {
		font-size:1em;	
	}
	
	#DSG_wrapper #main-body .location .location-left {
		width:100%;
		float:none;	
	}
	
	#DSG_wrapper #main-body .location .location-right{
		width:100%;
		float:none;
		margin-top:10px;
			height:auto;
		padding-bottom:10px;
	}
	
	#DSG_wrapper #main-body #store-features header {
		width:100%;
		margin:0px;
	}
	
	#DSG_wrapper #main-body #store-features header h2 {
		float:none;
		text-align:center;
		padding-top:10px;
	}
	
	#DSG_wrapper #main-body #store-features header .razer-logo {
		float:none;
		width:100%;
		margin-top:10px;
			
	}
	
	#DSG_wrapper #main-body #store-features article {
		width:100%;
		float:none;
		text-align:center;	
	}
	
	#DSG_wrapper #main-body #store-features article p {
		margin:10px 10px 0 10px;	
	}

}