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

@media (min-device-width: 150px) and (max-device-width: 736px), screen and (device-width: 768px) and (device-height: 1280), screen and (device-width: 384px) and (device-height: 592px) and (-webkit-device-pixel-ratio: 2), screen and (device-width: 720px) and (device-height: 1280)
 {
	 
	 
.profilestack{
	
	display: block; padding-left: 0px;
	text-align: center;
}


	 
	 
	 .homebanner{
		 
		 height: 95vh;
	 }	 
	 
	 
.bannergroup2 > a > img{
	
	
	object-fit: cover; width: 100%; height: 20vw; border-radius: 6px;
}
	 
	 
	 .bannergroup2 > a:first-child{
		 
		 margin-right: 10px;
	 }
	 
	 .bannergroup2{
		 width: 100%;
		 overflow: hidden;
		 display: flex !important;
	 }
	 

.banner1{
	
	
	object-fit: cover; width: 36vw; height: 63vw; border-radius: 6px; margin-right: 10px;
	
}

	 
	 textarea{
		 width: 100% !important;
	 }
	 
	 
.articleimage{
	display: block;
	object-fit: cover; width: 90vw; height: auto; border-radius: 6px; margin-right: 15px;
}
	 
	 
	 .article{
		 padding: 15px;
		 box-sizing: border-box;
		 object-fit: cover; width:95vw; height:auto; border-radius: 6px; vertical-align: top; display: inline-block; position: relative;
	 }
	 
	 
	 .article > h1{
		 margin-top: 45px;
	 }
	 #dashboard, .dashboard{
		 
		 margin-top: 20px
	 }

.banner2{
	
	object-fit: cover; width:58vw; height: 63vw; border-radius: 6px;
	
	
}

	 
	 
	 .bannergroup1{
		 
		 
		 display: flex;
	 }
	 
	 
	
body{
	
	font-family: Gotham, Helvetica Neue, Helvetica, Arial," sans-serif";
}

	 
	 


.centercontent{
	
	
	width: 95%;
	display: block;
	margin-left: auto;
	margin-right: auto;
	height: auto;
	
}
	 
	 
	 .profileinfo{
		 
		 display: inline-block; margin-left: 0px; margin-top: 25px; color: #868686;
	 }



.profilepic{
	
	        width: 180px;
    height: 180px;
    display: block;
    margin-right: auto;
    margin-left: auto;
    border-radius: 180px;
    margin-top: -33px;
    border: 6px solid #fff;

}

	
	
	.profileheader{
		
		
		    background-image: url(../parts/dfk-social-club.jpg);
    background-size: cover;
    background-position: center;
    border-radius: 0px 0px 10px 10px;
    height: 163px;
    width: 100%;
	}


.gametitle{
	
	
	width: 200px;
	height: auto;
	margin-right: 15px;
	border-radius: 6px;
}
.cbtn{
	
	padding: 5px;
	color: white;
	min-width: 125px;
	text-align: center;
	cursor: pointer;
	background-color: #d54600;
	border-radius: 4px;
	display: inline-block;
	width: auto;
}

h1{
	line-height: 1;
	margin: auto;
    color: white;
    margin-bottom: 25px;
}


.main{
	
	line-height: 2;
}
.main > * > * > h1{
	
	color: #1E1E1E;
}
.nav{
	
	box-sizing: border-box;
margin-top: 25px;}
.nav > a{
	
	color: white;
	text-decoration: none;
	margin-right: 15px;
	display: inline-block;
	margin-bottom: 15px;
	
}


.floatingnav{
	
	position: absolute;
	right: 20px;
	top: 20px;
	text-align: right;
	font-size: 11.5px;
}



.floatingnav > a{
	
	text-decoration: none;
	color: white;
	
}


.topbar{
	
	
	background-color: #0d0b0d; padding: 25px; box-sizing: border-box; position: relative; color: white;
}

.logo{
	
	
	height: 50px;
	width: auto;
	
}


.newslist > a {
	
	text-decoration:none; 
	color: black;
	display: block;
	margin-bottom: 35px;
	
	
}


input{
	
	width: 200px;
	padding: 10px;
	margin-bottom: 15px;
	outline: none;
	border:thin solid #333;
	border-radius: 4px;
	display: block;
}
}