#maincustomdiv{
	display: grid;
	grid-template-areas:
	"lobby inbox action"
	"lobby whatdo  action"
	"lobby partners action";
	grid-template-rows:
		auto
		auto
		auto;
	grid-template-columns: 
		1fr 
		2fr 
		1fr;
	grid-gap: 20px;	
	height: auto;
	width: 100%;
	padding-bottom: 20px;
}
#lobbydiv{grid-area: lobby;  padding: 10px;}
#inboxdiv{grid-area: inbox; padding: 10px;}
#whatdiv{grid-area: whatdo; padding: 10px;}
#partnerdiv{grid-area: partners; padding: 10px;}
#actiondiv{grid-area: action; padding: 10px;}
#lobbydiv img{width: 100%;}
.door{
	display: flex;
	flex-flow: column nowrap;
	align-items: center;
	border: solid 1px var(--primary-color);
	max-width: 360px;
	margin: auto;
	padding-bottom: 10px;
}
.doorrow{
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
	margin: 10px 0;
	width: 100%;
}
.doorrow label{margin-right: 20px;}
.acionblock {
	padding: 10px;  
	margin: 0 0 15px 0;
	background-color: #d8d6d6; 
	cursor: pointer; 
	color: #39363a;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.actionblock-left, .actionblock-right{
	width: 50%;
	text-align: center;
}
.acionblock *{color:var(--secondary-color2-2)}
.actionblock{width: 100%; display: block;}
.img80v{height: 80px;}
.img100h{width: 100%;}
.img25h{width: 25%;}
.toplist ul{
	list-style-position: outside; list-style-image: url('img/ico/marker.png')
}
.toplist ul li{ 
    position:relative;
	margin:0px 2px;
	/*height:50px;*/
    line-height:20px;
	border-bottom: solid 1px var(--primary-color);
}
#img_card{
	width: 75%;
	margin: 0 auto;
}
#img_label{
	width: 33%;
	float: right; 
	margin-left: 20px;
}
@media screen and (max-width:1200px){
	#img_label{width: 33%;}
	.acionblock {margin: 0 0 20px 0;}
}
@media screen and (max-width:1130px){
	.acionblock {margin: 0 0 25px 0;}
}
@media screen and (max-width:860px){
	#maincustomdiv{
		grid-template-areas:
		"lobby inbox"
		"lobby whatdo"
		"lobby whatdo"
		"lobby partners"
		"action action";
		grid-template-rows:
			auto
			auto
			auto
			auto
			auto;
		grid-template-columns: 
			1fr 
			2fr;
	}	
	#actiondiv{
		display: flex;
		flex-flow: row wrap;
		justify-content: space-evenly;
	}
	.actionblock{width: 30%;}
	#img_label{width: 50%;}
}
@media screen and (max-width:480px){
	#maincustomdiv{
		grid-template-areas:
		"inbox"
		"lobby"
		"whatdo"
		"card" 
		"partners"
		"action";
		grid-template-rows:
			auto
			auto
			auto
			auto
			auto
			auto;
		grid-template-columns: 
			1fr;
	}
	.actionblock {width: 48%;}
}
@media screen and (max-width:360px){
	.actionblock {width: 98%;}
}