#memberProfileBackground{
	min-height: 250px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position-x: center;
	box-shadow: inset 0px 29px 15px -8px #000;
}
.member-profile-picture-container{
	padding: 22px !important;
}
#memberProfilePictureDiv{
	width: 188px;
	height: 188px;
	border-radius: 50%;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
	position: relative;
	background-size: cover;
	background-position: center;
}
#memberProfilePicture{
	max-height: 188px;
}
#memberOrgName{
	color: #fff;
	text-shadow: 0 1px 2px rgba(0,0,0,.6);
}
.col-sdg-supported{
	position: relative;
	float: left;
}
.col-sdg-supported:hover>img{
	transform: scale(1.7,1.7);
	transition: .3s transform;
	cursor: pointer;
}
.col-sdg-supported>img{
	display: block;
	width: 200px;
	transition: .1s transform;
	transform: translateZ(0); /* hack */
}
.col-sdg-supported:hover,
.col-sdg-supported>img:hover{
	z-index: 1;
}
#interestAreaDiv span{
	margin-bottom: 21px;
	display: inline-block;
	margin-right: 21px;
}
.other-info-div{
	padding: 16px 32px;
}
.basic-info-div,
.other-info-div{
	background-color: #fff;
}
.member-profile-info{
	padding: 41px 41px 26px;
}
.info-group>.info-label{
	margin-top: 5px;
	/* margin-bottom: 14px; */
	font-family: 'Roboto-Medium';
	font-weight: bold;
}
.info-group>.info-text{
	margin-bottom: 16px;
}
.request-contact-button{
	height: 72px;
	padding: 13px;
	background-color: #f66733;
	display: block;
	text-decoration: none;
	color: #fff;
	font-weight: bold;
	white-space: nowrap;
}
.request-contact-button:hover,
.request-contact-button:visited,
.request-contact-button:focus,
.request-contact-button:active,
.request-contact-button:link{
	background-color: #f14b0f;
	text-decoration: none;
	color: #fff;
}
.image-icon{
	width: 42px;
	height: 42px;
	display: inline-block;
	vertical-align: middle;
}
.request-contact-icon{
	background-image: url('../images/requestcontact.png');
	background-position: center;
	background-repeat: no-repeat;
	background-size: 37px 42px;
}
.scale-icon{
	background-image: url('../images/scale-icon.png');
	background-position: center;
	background-repeat: no-repeat;
	background-size: 37px 42px;
}

.careers-icon{
	background-image: url('../images/Careers_Icon.png');
	background-position: center;
	background-repeat: no-repeat;
	background-size: 37px 42px;
}

.folder-open-icon{
	background-image: url('../images/folder-open-icon.png');
	background-position: center;
	background-repeat: no-repeat;
	background-size: 37px 42px;
}
.request-contact-text{
	margin-left: 11px;
}
#memberProfileBottomFiller{
	background-color: #fff;
	clear: both;
}
.member-profile-container{
	background-color: #f1f1f1;
}
.transparent-bg-black{
	height: 49px;
	background-color: #000;
	opacity: 0.7;
}
#updateProfilePictureBtn{
	position: absolute;
	bottom: 27px;
	z-index: 1;
	padding-left: 35px;
	padding-right: 35px;
	text-align: center;
}
#editBannerDiv{
	z-index: 1;
	right: 23px;
	position: absolute;
	top: 196px;
	width: 170px;
	height: 34px;
	vertical-align: middle;
	text-align: center;
}
#editBannerBtn{
	padding: 7px 23px;
	display: inline-block;
}
#editBannerYDiv{
	z-index: 1;
	right: 196px;
	position: absolute;
	top: 196px;
	width: 34px;
	height: 34px;
	vertical-align: middle;
	text-align: center;
}
#editBannerYBtn{
	display: inline-block;
	padding-top: 7px;
	padding-bottom: 7px;
}
#editBannerYDropdown{
	top: auto;
	left: -2%;
	bottom: 102% !important;
	background-color: #000;
	width: 34px !important;
	min-width: 34px !important;
	border-radius: 0px;
}
/* mobile */
@media (min-width: 320px) and (max-width: 480px){
	#memberProfileBackground{
		display: block;
		padding-top: 32px !important;
		background-size: contain;
	}
}
/* tablet (min-width: 481px) */
@media (max-width: 768px){
	#memberProfileFiller{
		
	}
	#memberProfileBackground{
		display: block;
		padding-top: 126px;
		background-size: contain;
		background-position: top;
	}
	.basic-info-div::before{
		content: "";
		display: table;
		clear: both;
	}
	.basic-info-div::after{
		content: "";
		display: table;
		clear: both;
	}
	#memberOrgName{
		margin-top: 0px;
		text-align: center;
	}
	#memberProfileBottomFiller{
		display: none;
	}
}
/* larger devices */
@media (min-width: 769px){
	.member-profile-container{
		position: relative;
	}
	.basic-info-div{
		margin-top: 126px;
		margin-bottom: 42px;
	}
	#memberOrgName{
		/* padding-left: 32px; */
		/* margin-left: 29%; */
		position: absolute;
		top: 173px;
	}
	.other-info-div{
		/* 250 + 42 */
		margin-top: 292px;
		min-height: 310px;
	}
	.col-sdg-supported{
		width: 25%;
	}
	#memberProfileBottomFiller{
		display: block;
	}
	#memberTabSpacing{
		margin-top: 250px;
	}
}
@media (min-width: 768px) and (max-width: 974px){
	.request-contact-text{
		display: block;
		margin-left: 0px;
	}
	.request-contact-button{
		height: 88px;
	}
	#memberOptionContainer{
		margin-top: 127px;
		position: relative;
		right: 13px;
	}
}
@media (min-width: 975px) and (max-width: 1169px){
	.request-contact-button{
		width: 100%;
	}
	#memberOptionContainer{
		margin-top: 192px;
		position: absolute;
		right: 13px;
	}
}
@media (min-width: 1170px){
	.request-contact-button{
		width: 243px;
	}
	#memberOptionContainer{
		margin-top: 192px;
		position: absolute;
		right: 13px;
	}
}