.TwitchUserPicsOuter {
	height:350px;
	overflow:hidden;
	overflow-y:auto;
}

.TwitchUserPics {
	margin: 4px;
    display: inline-block;
    float: left;
    font-weight: bold;
    width: 70px;
    height: 70px;
    background: #efefef;
    border-radius: 50%;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}

.grid_container {
	display:block;
	clear: both;
	max-width: 1170px;
	margin: 0 auto;
	xbackground: #ffffff;
	padding: 15px;
	box-sizing: border-box;
}

.gridMain {
	display:inline-block;
	width:100%;
}

.gridSidebar1, .gridSidebar2 {
	display:inline-block;
	width:100%;
	float:left;
	box-sizing: border-box;
	padding:5px;
}

.gridSidebar1 {
	display:none;
	float:left;
}

.SidebarItem {
	float:left;
	margin:0px;
	width:100%;
	max-width:350px;	
	margin-bottom: 15px;	
	padding-bottom: 10px;
	padding-left: 0px;
    box-sizing: border-box;	
}


@supports (display: grid) {
	.grid_container {
		display: grid;
		grid-template-columns: auto 350px;
		grid-template-rows: 100%;
		
		grid-template-areas: 
		"main sidebar2"
		;
	}

	.gridMain {
		grid-area: main;
		max-width:1170px;
		width:100%;
		margin-left:auto;
		margin-right:auto;
	}

	.gridSidebar2 {
		padding:0px;
		grid-area: sidebar2;
		max-width:1170px;
		width:100%;
		margin-left:auto;
		margin-right:auto;
		overflow: hidden;
	}

	.gridSidebar1 {
		padding:0px;
		grid-area: sidebar1;
		max-width:1170px;
		width:100%;
		margin-left:auto;
		margin-right:auto;
		overflow: hidden;
	}

	.gridSidebar1 {
		display:none;
	}

	.SidebarItem {
		display:block;
		width: 350px;
		max-width: 350px;
		height:auto;
		border-radius:5px;
		margin: 0px;
		margin-left:auto;
		margin-right:auto;
		padding-bottom: 10px;
		padding-left: 10px;
		box-sizing: border-box;	
	}
}


@media screen and (max-width: 980px) {
	.grid_container {
		display:block;
		box-sizing: border-box;
		padding:5px;
	}

	.gridMain {
		display:inline-block;
		width:100%;
	}

	.gridSidebar1, .gridSidebar2 {
		display:inline-block;
		width:100%;
		float:left;
	}

	.gridSidebar1 {
		display:none;
		float:left;
	}

	.SidebarItem {
		float:left;
		margin:0px;
		width:100%;
		max-width:350px;
		margin-bottom: 15px;
		padding: 0px;
	}
}




.MainfPic {
	font-size:80px!important;
	text-align:center;
	color:#0666CC;
	width:100%;
}

.MainfOuter {
	text-align:left;
	position:relative;
	max-width:350px;
	float:left;
	margin:10px;
	margin-top:20px;
	margin-bottom:20px;
	margin-left:0px;
}

.MainfTitle{
	position:relative;
	font-size:20px!important;
  font-weight:bold;
	margin: 25px 0 10px 0;
}

.MainfText {
	position:relative;
	font-family:Lato, Helvetica, Arial, sans-serif;
	font-size:15px;
}

.MainfTitleOne {
	position:relative;
	font-size:24px;
  font-weight:bold;
	margin-bottom:30px;
	margin-left: 0px;
}




@media screen and (max-width: 1160px) {
	.MainfPic {
		font-size:80px!important;
		text-align:center;
		color:#0666CC;
		width:100%;
	}

	.MainfOuter {
		text-align:left;
		position:relative;
		width:100%;
		max-width:300px;
		float:left;
		margin:10px;
		margin-top:20px;
		margin-bottom:20px;
		margin-left:0px;
	}

	.MainfTitle{
		position:relative;
		font-size:20px!important;
		font-weight:bold;
		margin: 25px 0 10px 0;
	}

	.MainfText {
		position:relative;
		font-family:Lato, Helvetica, Arial, sans-serif;
		font-size:15px;
	}

	.MainfTitleOne {
		position:relative;
		font-size:24px;
		font-weight:bold;
		margin-bottom:30px;
		margin-left: 0px;
	}
}



@media screen and (max-width: 1000px) {
	.MainfPic {
		font-size:80px!important;
		text-align:center;
		color:#0666CC;
		width:100%;
	}

	.MainfOuter {
		position:relative;
		width:100%;
		min-width:100%;
		max-width:100%;
		clear:both;
		margin:0px;
		margin-top:20px;
		margin-bottom:20px;
		margin-left:0px;
	}

	.MainfTitle{
		text-align:center;	
		position:relative;
		font-size:20px!important;
		font-weight:bold;
		margin: 25px 0 10px 0;
	}

	.MainfText {
		margin-left: auto;
		margin-right: auto;
		text-align:center;
		position:relative;
		font-family:Lato, Helvetica, Arial, sans-serif;
		font-size:15px;
		width:80%;
		min-width:80%;
		max-width:80%;
	}

	.MainfTitleOne {
		position:relative;
		font-size:24px;
		font-weight:bold;
		margin-bottom:30px;
		margin-left: 0px;
	}
}