/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 *
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
@media screen and (min-width: 801px) {
	#container-comp-contact {
		display: flex;
		justify-content: space-between; 
	}
}
/* ~~~~~~~~~~~~~~~~
 *  contact
 * ~~~~~~~~~~~~~~~~ */
.contact {
	position: relative;
	box-sizing: border-box;
	padding: 0 10px 10px 10px;
	background-color: #eeeeee;
	background-image: url("../../../../webengine/engineRes/img/bg-plank-03.jpg");
	border: 6px solid #cccccc;
	border-radius: 20px;
}
@media screen and (min-width: 801px) {
	.contact {
		width: calc(100% - 240px);
	}
}
@media screen and (max-width: 800px) {
	.contact {
		width: 100%;
	}
}
#contact-title {
	margin: 10px 0 5px 0;
	padding-bottom: 5px;
	color: #444444;
	font-size: 23px;
	font-weight: bold;
	border-bottom: 1px solid #b6b6b6;
}
/* -- contact icons ---- */
#contact-bar-icon {
	float: right;
}
.link-icon:hover {
	text-decoration-line: none;
}
.contact-icon {
	display: inline-block;
	width: 28px;
	height: 28px;
	margin: 5px 2px;
	padding: 5px;
	border-radius: 5px;
}
.contact-icon:hover {
	background-color: #c3c3c3;
}
.img-contact {
	width: 100%;
	height: 100%;
}
/* -- table ---- */
.ct-col1 {
	padding-right: 10px;
	vertical-align: top;
}
/* -- no logo div ---- */
#ct-not-logged {
	margin: 25px 0;
	color: #777777;
	text-align: center;
}
@media screen and (max-width: 590px) {
	#ct-not-logged {
		font-size: 18px;
	}
}
/* ~~~~~~~~~~~~~~~~
 *  membership
 * ~~~~~~~~~~~~~~~~ */
#member-container {
	padding: 20px;
	width: 160px;
	text-align: center;
	background-color: #eeeeee;
	border: 6px solid #cccccc;
	border-radius: 30px;
}
#member-img {
	width: 100px;
}
.name-pck {
	font-size: 19px;
	font-weight: bold;
}
#name-pck-99 { color: #3b4848; }
#name-pck-2  { color: #be9f4e; }
#name-pck-1  { color: #959492; }
#name-pck-0  { color: #406060; }
/* ------------------- */
@media screen and (min-width: 801px) {
	#member-container {
		background-image: url("../../../../webengine/engineRes/img/bg-plank-03.jpg");
	}
}
@media screen and (max-width: 800px) {
	#member-container {
		display: none;
	}
}