@media (max-width:575.98px) {
.page-content .color-wrapper {
    float: none;
    max-width: 230px;
    margin: 0 auto
}
}
.page-content .color {
    padding-bottom: 20px;
    text-align: center;
    background: #f5f5f5;
    margin-bottom: 30px;
    box-shadow: 0 0 10px rgba(40,47,60,.05), 0 20px 25px rgba(40,47,60,.05), 0 3px 4px rgba(40,47,60,.05);
}
.colorlib-page .color:last-child {
    margin-right: 0
}
.page-content .color .swatch {
    position: relative;
    border-radius: 5px 5px 0px 0px;
    margin: 0 auto 15px auto;
    height: 160px;
}

.page-content .color .title {
  display: inline-block;
    font-family: "Open sans", Arial, sans-serif;
    width: 100%;
    font-size: 2rem;
}
.page-content .color .hex-value {
    font-family: "Open sans", Arial, sans-serif;
    color: #333333;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: bold;
}
.page-content .content .example {
    margin: 45px 0 60px 0;
}