/*#mobileBtn svg {
	fill: var(--secondary);
}
#logo img {
	filter: invert(.75);
}
#mainNav.open #logo {
	filter: invert(0);
}*/
#logo img {
	filter: brightness(0) invert(1);
}
#mainNav.open #logo {
	filter: invert(0);
}
#header {
	position: absolute;
	top:0;
	left:0;
	width: 100%;
	height:100vh;
	background-color: #00939F;
	/*background-image: url('../images/vcard-background.png');
	background-size: cover;
	background-position: 0 -590px;
	background-repeat: no-repeat;*/
}

#vCard {
	margin-top: 13em;
}

.profilePic {
	position:absolute; 
	left:50%; 
	margin-left: -130px; 
	top: -110px;
	width: 260px;
	height:260px;
	border-radius: 130px; 
	overflow: hidden;
	border: 10px solid white;
}

.profilePic img {
	max-width: 100%;
}

.profilePic:after {
	content: '';
	display: block;
    width: 240px;
    height: 240px;
    z-index: 3;
    box-shadow: inset 0 2px 3px hsla(0,0%, 0%, .35), inset 1px 1px 3px hsla(0,0%,0%,.125);
    position: absolute;
    top: 0px;
    border-radius: 120px;
    left: 0px;
}

.sectionContent {
	padding: 6em 0 1px;
	background-color:var(--white);
	box-shadow: 0 2px 3px hsla(0,0%, 0%, .35), 1px 1px 3px hsla(0,0%,0%,.125);
}

.cardset {
	margin: 0 1em;

}

.cardset picture {
	display: inline-block;
	width: 100%;
	text-align: center;
}

.cardset picture img {
	max-width: 100%;
	height:auto;
}
.cardset .label {
	
}
.cardset a+a {
    margin: 0.5em 0;
}
.cardset h3+p {
	margin: 0;
}
.cardset h3 {
	margin-bottom:.25em;
	font-family: 'latobold', 'Lato', sans-serif;
	font-weight: bold;
}
.cardset h5 {
	margin: 1em 0 0;
}

.cardset h5+p {
	margin-top: .5em;
}


@media only screen and (min-width:768px){
	.vCardContent {
		margin-left:2em;
		padding: 0 2em;
	}
	.vCardContent h3 {
		margin-top:0;
	}
}