.JC--project--view {
    max-width: 1140px;
    margin: 100px auto 0;
    padding-left: 15px;
    padding-right: 15px;
}
.JC--headman--lister{
	margin-bottom: 50px;
}
.JC--headman--lister > h2 {
    color: var(--soft1);
    font-size: 150px;
}
.JC--headman--lister > h3 {
    color: var(--fire);
    font-size: 42px;
    font-weight: 700;
    max-width: 895px;
    padding-left: 135px;
    margin-top: -75px;
    z-index: 1;
}
.JM--project--category--chooser {
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}
.JM--project--category--chooser > li {
    background: -o-linear-gradient(245.02deg,rgb(51 87 157) 16.33%,rgba(248,207,160,0) 142.07%),#122e65;
    background: linear-gradient(204.98deg,rgb(51 87 157) 16.33%,rgba(248,207,160,0) 142.07%),#122e65;
    color: var(--cream);
    font-size: 19px;
    font-weight: 300;
    padding: 20px;
    cursor: pointer;
    -webkit-transition: background 500ms ease-in-out;
    -o-transition: background 500ms ease-in-out;
    transition: background 500ms ease-in-out;
}
.JM--project--category--chooser > .chooser--hero, .JM--project--category--chooser > li:hover {
    background: var(--sea);
}
.JM--project--category--chooser > li:not(:last-child) {
    margin-right: 10px;
}
.JP--R--node {
    margin-top: 80px;
}
.JP--node--box {
	-ms-flex-preferred-size: 33.333333%;
	flex-basis: 33.333333%;
	padding: 10px;
}
.JP--node--box > img {
    width: 100%;
    height: 320px;
}
.JP--node--I {
    background-color: var(--soft1);
    padding: 20px;
}
.JP--node--I h2 {
    font-size: 17px;
    margin-bottom: 20px;
    min-height: 46px;
}
.JP--node--I h2 + p {
    font-size: 0.75vw;
    margin-bottom: 1.5vw;
	min-height: 76px;
}
.JP--node--I .JC--reader {
    background-color: var(--cream);
    color: var(--fire);
}
.JP--node--I .JC--reader:hover {
    color: var(--cream);
}
.JP--node--I .JC--reader:hover::before {
	background-color: var(--dark);
}
@media screen and (max-width: 1024px) {
	.JC--headman--lister > h2{
		font-size: 79px;
	}
	.JC--headman--lister > h3 {
		font-size: 33px;
		margin-top: -30px;
	}
}
@media screen and (max-width: 800px) {
	.JP--node--box {
		-ms-flex-preferred-size: 50%;
		flex-basis: 50%;
	}
}
@media screen and (max-width: 604px){
	.JC--headman--lister > h2 {
		font-size: 59px;
	}
	.JC--headman--lister > h3 {
		font-size: 23px;
		margin-top: -20px;
		padding-left: 50px;
	}
	.JP--node--box {
		-ms-flex-preferred-size: 100%;
		flex-basis: 100%;
	}
	.JP--node--I h2 {
		height: auto;
	}
	.JP--node--I .JC--reader {
		margin-left: 0;
	}
}
@media screen and (max-width: 414px){
	.JC--headman--lister > h3 {
		font-size: 19px;
		margin-top: -20px;
		padding-left: 15px;
	}
}