header .container {
max-width: 1920px;
}
@media (min-width: 981px) {
#logo {padding: 20px 0;}
}
h1, h2, h3, h4, h5, h6, p, a {
font-family: "Source Sans 3", Helvetica, Arial, Lucida,sans-serif;
}
.et_pb_main_blurb_image {
margin-bottom:40px;
}
.et_pb_blurb_description {
padding: 0 40px 40px 40px;
} .khtable tr {font-family:"Source Sans 3";background:rgb(0,0,0,0.025);}
.khshtable tr {font-family:"Source Sans 3";background:rgb(0,0,0,0.025);}
.khswtable tr {font-family:"Source Sans 3";background:rgb(0,0,0,0.025);}
.khtable tr td, .khshtable tr td, .khswtable tr td {
vertical-align: middle;
padding:10px;
}
.khtable tr td, .khshtable tr td, .khswtable tr td {
border-bottom:1px solid #ddd;
}
.khtable td:first-child, .khtable td:nth-child(2) {
width:12.5%;
}
.khshtable td:first-child {
width: 40%;
}
.khswtable td:first-child {
width: 40%;
}
.khtable td:nth-child(3), .khtable td:nth-child(4), .khtable td:nth-child(5) {
width:25%;
}
.khshtable td:nth-child(2), .khtshable td:nth-child(3), .khtshable td:nth-child(4) {
width:20%;
}
.khshtable td:nth-child(2), .khtshable td:nth-child(3) {
width:30%;
}
.khtable thead td {
font-weight: bold;
}
.khshtable thead td {
font-weight: bold;
}
.khswtable thead td {
font-weight: bold;
}
.khtable td div {
margin: 0 auto;
height:80%;
width:80%;
}
.khtable tbody td:nth-child(2) {
height: 80px;
}
.khshtable tbody td:nth-child(2) {
font-size:36px;
font-weight:300;
}
@media screen and (max-width: 2560px) {
.khtable tr {
float:left;
width: 30.66%;
margin-right: 4%;
}
.khtable tr td {width:100%;}
.khtable tr:nth-child(3n) {
margin-right: 0;
}
.khtable td div {
margin: 0 auto;
height:100%;
width:60%;
}
.khtable thead {
display: none;
}
.khtable tr {
padding:0;
margin-bottom: 40px;
display: block;
}
.khtable td:first-child, .khtable td:nth-child(2), .khtable td:nth-child(3), .khtable td:nth-child(4), .khtable td:nth-child(5) {
display: block;
text-align: center;
width:100%;
border-top:none;
}
.khtable td:first-child, .khtable td:nth-child(2) {
width:100%;
}
.khtable td:first-child {
font-weight: bold;
}
.khtable td:nth-child(3)::before {
content: "CMYK: ";
}
.khtable td:nth-child(4)::before {
content: "RGB: ";
}
.khtable td:nth-child(5)::before {
content: "HEX: ";
}
}
@media screen and (max-width: 1920px) {
.khtable tr {
float:left;
width: 48%;
margin-right: 4%;
}
.khtable tr:nth-child(3n) {
margin-right: 4%;
}
.khtable tr:nth-child(2n) {
margin-right: 0;
}
}
@media screen and (max-width: 1280px) {
.khtable tr {
float:none;
width: 100%;
}
.khtable tr:nth-child(3n) {
margin-right: 0;
}
.khtable tr:nth-child(2n) {
margin-right: 0;
}	
}
@media screen and (max-width: 980px) {
.khshtable td:first-child {
font-weight: bold;
}
.khshtable thead {
display: none;
}
.khshtable tr {
float:left;
width: 48%;
margin-right: 4%;
}
.khshtable tr td {
width:100%;
}
.khshtable tr {
padding:0;
margin-bottom: 40px;
display: block;
} 
.khshtable tbody tr td, .khshtable td:first-child, .khshtable td:nth-child(2) {
display: block;
text-align: center;
width:100%;
border-top:none;
}
.khshtable tr:nth-child(2n) {
margin-right: 0;
}
}
@media screen and (max-width: 580px) {
.khshtable thead {
display: none;
}
.khshtable tr {
width:100%;
}
}
@media screen and (max-width: 980px) {
.khswtable td:first-child {
font-weight: bold;
}
.khswtable thead {
display: none;
}
.khswtable tr {
float:left;
width: 48%;
margin-right: 4%;
}
.khswtable tr td {
width:100%;
}
.khswtable tr {
padding:0;
margin-bottom: 40px;
display: block;
} 
.khswtable tbody tr td, .khswtable td:first-child, .khswtable td:nth-child(2) {
display: block;
text-align: center;
width:100%;
border-top:none;
}
.khswtable tr:nth-child(2n) {
margin-right: 0;
}
}
@media screen and (max-width: 580px) {
.khswtable thead {
display: none;
}
.khswtable tr {
width:100%;
}
}
.et_pb_blurb_content {
max-width: 100% !important;
} .shine span {
position: relative;
overflow: hidden;
}
.shine span::before {
position: absolute;
top: 0;
left: -75%;
z-index: 2;
display: block;
content: '';
width: 50%;
height: 100%;
background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.05) 40%, rgba(255,255,255,.1) 50%, rgba(255,255,255,.05) 60%, rgba(255,255,255,.0) 100%);
background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.05) 40%, rgba(255,255,255,.1) 50%, rgba(255,255,255,.05) 60%, rgba(255,255,255,.0) 100%);
-webkit-transform: skewX(-25deg);
transform: skewX(-25deg);
}
.shine span:hover::before {
-webkit-animation: shine .75s;
animation: shine .75s;
}
@-webkit-keyframes shine {
100% {
transform: translateX(350%);
}
}
@keyframes shine {
100% {
transform: translateX(350%);
}
}