/*-------------------------
= STYLE GUIDE
-------------------------*/
.row.style-guide {
    margin: 40px 0;
    vertical-align: top;
    border-top: 1px solid rgba(0,0,0,.1);
    padding: 10px 0;
    text-align:left;
}

.style-guide.image-sizes img {
    max-width: 100%;
    max-height: 650px;
}

.style-guide.image-sizes ul {
    padding: 0;
}

.row.style-guide ul>li {
    list-style-type: none;
}

@media screen and (max-width: 767px) {
    .style-guide .text-right {
    text-align: left!important;
    border: none!important;
}
}

.color-block {
    display:block;
    width:100%;
    height:60px;
    border: 1px solid rgba(0,0,0,.1);
    margin-bottom: 10px;
}

.cb-1 {
    background-color: #AE935E;
}

.cb-2 {
    background-color: #2A2A2A;
}

.cb-3 {
    background-color: #555;
}

.cb-4 {
    background-color: #222;
}

/*.cb-5 {
    background-color: $color5;
}*/

/*.cb-6 {
    background-color: #F0F0F0;
}*/

.row.style-guide .text-right p {
    padding-top: 10px;
}