/* headers */
@media only screen and (max-width: 1200px) {
	#nav-dropdown span{
		color: #000;
	}
}
.content-container{
	--title-size: 48px;
	--gap-size: 10px;
	--bg-color: #000;
	--color: #fff;
	--offset: calc(var(--title-size) / 6.4);
	--spread: calc(var(--title-size) / 9.1);
	/* --mg-bottom: 25px; */
	--mg-bottom: calc(25px - var(--gap-size));
}

.plectrum{
	/* filter: drop-shadow(4px 4px #eee); */
	background-image: url('../images/logo-backdrop-eee.svg');
}


.container.content-container .col-3 {
     /* Apply styles to article > p:first-of-type, which may or may not be :first-child */
 }

.container.content-container .col-3 ~ .col-3 {
     /* Undo the above styles for every subsequent article > p */
	 border-left: 1px solid #c8c8c8;
 }
/* .container [class*="col-"]:not(:first-child), */
.container.content-container .col-3:not(:first-child)
{
	/* border-left: 1px solid #c8c8c8; */
	/* background-color: green; */

}
.title{
	display: block;
	font-size: 32px;
	font-weight: 600;
}
.title-box{margin-bottom: 40px;}
.heading1{
	display: block;
	font-size: 22px;
	font-weight: 600;
	margin-bottom: 20px;
}
.heading2{
	display: block;
	font-size: 18px;
	font-weight: 500;
	margin-bottom: 8px;
}

p{
	line-height: 1.5;
	font-size: 1rem;
	display: block;
	margin-bottom: 20px;
}


figure,figure img{
	width: 100%;
	height: auto;
}
.example-image figure, .example-image figure img{
	width: 75%;
	height: auto;
	margin: 0;
}

.colors{
	font-size: 16px;
	line-height: 1;
	list-style-type: none;
}
.colors li{
	margin: 6px 0;
}
.colors li .colorbox{
	position: relative;
	bottom: -2px;
	display: inline-block;
	width: 1em;
	height: 1em;
	border-radius: 4px;
}

.yellow		{ background-color: #ffed00; }
.orange		{ background-color: #f39200; }
.blue		{ background-color: #0063ff; }
.darkblue	{ background-color: #283583; }
.white		{ background-color: #ffffff; }
.green		{ background-color: #00d757; }
.red		{ background-color: #ff0031; }
.gray		{ background-color: #575756; }
.black		{ background-color: #000000; }


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

	.example-image figure, .example-image figure img{
		width: 75%;
		max-width: 200px;
		height: auto;
		margin: 0;
	}
}