@font-face {
    font-family:"HelveticaNeueLTStd-Lt";
    src:url("../fonts/HelveticaNeueLTStd-Lt.woff2") format("woff2"),
    url("../fonts/HelveticaNeueLTStd-Lt.woff") format("woff"),
    url("../fonts/HelveticaNeueLTStd-Lt.otf") format("opentype");
    font-style:normal;
    font-weight:400;
}    

*,
*:after, 
*:before {
	margin: 0;
	box-sizing: border-box;
}

*::selection {
  background: transparent;
  color: red;
}

a:hover {
	border-bottom: 0px;
}

#obliqueStrategies {
	width: 100vw;
	height: auto;
    font-family: 'HelveticaNeueLTStd-Lt', Helvetica Neue, Helvetica, sans-serif;
    margin-left: -1%;
    margin-top: 1%;
	font-weight: normal;
	font-size: 15vw;
    line-height: 0.8;
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
	color: #000;
}

.intro {
	width: 100vw;
	min-height: 100vh;
}

.circle {
	width: 35%;
	height: auto;
	padding-bottom: 35%;
	background-color: #fff;
	border-radius: 50%;
	filter: blur(60px);
	position: absolute;
	opacity: 0.995;
	transition: all 3s;
}

#no-1 {
	top: -10%;
	left: 20%;
}

#no-2 {
	top: 20%;
	right: 0;
}

#no-3 {
	bottom: -10%;
	left: -5%; 
}

#no-4 {
	top: -10%;
	left: 20%;
	color: blue;
}

.circle:hover {
	width: 75%;
	opacity: 0.65;
}

*,
p {
	font-size: 3.6vw;
	line-height: 1.1;
	font-family: "Times New Roman", Times, serif;
	font-style: normal;
	font-weight: 100;
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
}

.bio {
	width: 85%;
	padding: 2%;
	margin: 2% 0 2%;
}

.listing {
	padding: 2% 2% 10%;
}

a {
	text-decoration: none;
	color: #000;
	transition: color .2s ease;
}

a:hover {
	color: #D8D8D8;
}

.list {
	display: grid;
	grid-template-columns: repeat(3, auto);
	grid-column-gap: 20px;
	grid-row-gap: 20px;
	justify-content: space-between;
}

#heading,
.italic {
	font-style: italic;
}

.cell-1 {

}

.rule {
	border-bottom: 1px solid #000;
	grid-column-start: 1;
	grid-column-end: 5;
}

.popup span {
	display: none;
}

.popup:hover span {
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	text-align: center;
	width: 65%;
	z-index: 99;
}

.popup span img {
	width: 100%;
}

.additional .bio {
	width: 85%;
	padding: 2%;
	margin: 0 0 10%;
}

.footer {
	border-top: 1px solid #000;
	padding: 2%;
	display: flex;
	justify-content: space-between;
}

.footer p {
	font-family: 'Helvetica Neue', Helvetica, sans-serif;
	font-size: 1.5vw;
	font-weight: 500;
	font-style: normal;
}

.left {
	width: 57%;
}


@media only screen and (max-width : 750px) {

	*,
	p {
		font-size: 5.4vw;
		line-height: 1.2;
	}

	.circle {
		width: 65%;
		padding-bottom: 65%;
	}

	.hide-m {
		display: none;
	}

	.bio,
	.additional .bio {
		width: 100%;
		padding: 5%;
	}

	.listing {
		padding: 5% 5% 10%;
	}

	.list {
		grid-column-gap: 10px;
	}

	.footer {
		padding: 5%;
	}

	.footer p {
		font-size: 2.5vw;
	}

	.left {
	width: 30%;
}
}

@media only screen and (max-width : 500px) {

	.intro {
	    min-height: 65vh;
	}

	.circle {
		width: 75%;
		padding-bottom: 75%;
		filter: blur(40px);
		opacity: 0.9;
	}

	#no-3 {
		display: none;
	}

	#obliqueStrategies {
		font-size: 18vw;
		line-height: 0.9;
	}

	.footer p {
		font-size: 3.5vw;
		text-align: left;
	}

	.footer {
		flex-direction: column;
	}

	.left {
		padding-bottom: 1%;
		width: 100%;
	}

	.right {
		align-self: flex-start;
		width: 100%;
	}

}