.bg-facebook {
    background-color: #1877f2 !important;
}
.text-facebook {
    color: #1877f2 !important;
}
.border-facebook {
    border-color: #1877f2 !important;
}
h2.title-facebook {
    border-bottom: 5px solid #1877f2;
}
h2.title-facebook a,
h2.title-facebook span {
    position: relative;
    padding: 0.5rem;
    font-size: 18px;
    font-weight: normal;
    top: 1px;
    padding-left: 2rem;
    z-index: 9;
    color: #fff;
}
h2.title-facebook a::before,
h2.title-facebook span::before {
    content: "";
    width: 100%;
    height: 100%;
    transform: skewX(-26.5deg);
    background: #1877f2;
    position: absolute;
    left: 6px;
    top: 0;
    z-index: -1;
}
.bg-twitter {
    background-color: #1da1f2 !important;
}
.text-twitter {
    color: #1da1f2 !important;
}
.border-twitter {
    border-color: #1da1f2 !important;
}
h2.title-twitter {
    border-bottom: 5px solid #1da1f2;
}
h2.title-twitter a,
h2.title-twitter span {
    position: relative;
    padding: 0.5rem;
    font-size: 18px;
    font-weight: normal;
    top: 1px;
    padding-left: 2rem;
    z-index: 9;
    color: #fff;
}
h2.title-twitter a::before,
h2.title-twitter span::before {
    content: "";
    width: 100%;
    height: 100%;
    transform: skewX(-26.5deg);
    background: #1da1f2;
    position: absolute;
    left: 6px;
    top: 0;
    z-index: -1;
}
.bg-youtube {
    background-color: #ff0000 !important;
}
.text-youtube {
    color: #ff0000 !important;
}
.border-youtube {
    border-color: #ff0000 !important;
}
h2.title-youtube {
    border-bottom: 5px solid #ff0000;
}
h2.title-youtube a,
h2.title-youtube span {
    position: relative;
    padding: 0.5rem;
    font-size: 18px;
    font-weight: normal;
    top: 1px;
    padding-left: 2rem;
    z-index: 9;
    color: #fff;
}
h2.title-youtube a::before,
h2.title-youtube span::before {
    content: "";
    width: 100%;
    height: 100%;
    transform: skewX(-26.5deg);
    background: #ff0000;
    position: absolute;
    left: 6px;
    top: 0;
    z-index: -1;
}
.bg-instagram {
    background-color: #c32aa3 !important;
}
.text-instagram {
    color: #c32aa3 !important;
}
.border-instagram {
    border-color: #c32aa3 !important;
}
h2.title-instagram {
    border-bottom: 5px solid #c32aa3;
}
h2.title-instagram a,
h2.title-instagram span {
    position: relative;
    padding: 0.5rem;
    font-size: 18px;
    font-weight: normal;
    top: 1px;
    padding-left: 2rem;
    z-index: 9;
    color: #fff;
}
h2.title-instagram a::before,
h2.title-instagram span::before {
    content: "";
    width: 100%;
    height: 100%;
    transform: skewX(-26.5deg);
    background: #c32aa3;
    position: absolute;
    left: 6px;
    top: 0;
    z-index: -1;
}
.bg-pinterest {
    background-color: #bd081c !important;
}
.text-pinterest {
    color: #bd081c !important;
}
.border-pinterest {
    border-color: #bd081c !important;
}
h2.title-pinterest {
    border-bottom: 5px solid #bd081c;
}
h2.title-pinterest a,
h2.title-pinterest span {
    position: relative;
    padding: 0.5rem;
    font-size: 18px;
    font-weight: normal;
    top: 1px;
    padding-left: 2rem;
    z-index: 9;
    color: #fff;
}
h2.title-pinterest a::before,
h2.title-pinterest span::before {
    content: "";
    width: 100%;
    height: 100%;
    transform: skewX(-26.5deg);
    background: #bd081c;
    position: absolute;
    left: 6px;
    top: 0;
    z-index: -1;
}
.bg-linkedin {
    background-color: #007bb5 !important;
}
.text-linkedin {
    color: #007bb5 !important;
}
.border-linkedin {
    border-color: #007bb5 !important;
}
h2.title-linkedin {
    border-bottom: 5px solid #007bb5;
}
h2.title-linkedin a,
h2.title-linkedin span {
    position: relative;
    padding: 0.5rem;
    font-size: 18px;
    font-weight: normal;
    top: 1px;
    padding-left: 2rem;
    z-index: 9;
    color: #fff;
}
h2.title-linkedin a::before,
h2.title-linkedin span::before {
    content: "";
    width: 100%;
    height: 100%;
    transform: skewX(-26.5deg);
    background: #007bb5;
    position: absolute;
    left: 6px;
    top: 0;
    z-index: -1;
}
.bg-google {
    background-color: #ea4335 !important;
}
.text-google {
    color: #ea4335 !important;
}
.border-google {
    border-color: #ea4335 !important;
}
h2.title-google {
    border-bottom: 5px solid #ea4335;
}
h2.title-google a,
h2.title-google span {
    position: relative;
    padding: 0.5rem;
    font-size: 18px;
    font-weight: normal;
    top: 1px;
    padding-left: 2rem;
    z-index: 9;
    color: #fff;
}
h2.title-google a::before,
h2.title-google span::before {
    content: "";
    width: 100%;
    height: 100%;
    transform: skewX(-26.5deg);
    background: #ea4335;
    position: absolute;
    left: 6px;
    top: 0;
    z-index: -1;
}
.bg-snapchat {
    background-color: #fffc00 !important;
}
.text-snapchat {
    color: #fffc00 !important;
}
.border-snapchat {
    border-color: #fffc00 !important;
}
h2.title-snapchat {
    border-bottom: 5px solid #fffc00;
}
h2.title-snapchat a,
h2.title-snapchat span {
    position: relative;
    padding: 0.5rem;
    font-size: 18px;
    font-weight: normal;
    top: 1px;
    padding-left: 2rem;
    z-index: 9;
    color: #fff;
}
h2.title-snapchat a::before,
h2.title-snapchat span::before {
    content: "";
    width: 100%;
    height: 100%;
    transform: skewX(-26.5deg);
    background: #fffc00;
    position: absolute;
    left: 6px;
    top: 0;
    z-index: -1;
}
.bg-whatsapp {
    background-color: #25d366 !important;
}
.text-whatsapp {
    color: #25d366 !important;
}
.border-whatsapp {
    border-color: #25d366 !important;
}
h2.title-whatsapp {
    border-bottom: 5px solid #25d366;
}
h2.title-whatsapp a,
h2.title-whatsapp span {
    position: relative;
    padding: 0.5rem;
    font-size: 18px;
    font-weight: normal;
    top: 1px;
    padding-left: 2rem;
    z-index: 9;
    color: #fff;
}
h2.title-whatsapp a::before,
h2.title-whatsapp span::before {
    content: "";
    width: 100%;
    height: 100%;
    transform: skewX(-26.5deg);
    background: #25d366;
    position: absolute;
    left: 6px;
    top: 0;
    z-index: -1;
}
.bg-reddit {
    background-color: #ff4500 !important;
}
.text-reddit {
    color: #ff4500 !important;
}
.border-reddit {
    border-color: #ff4500 !important;
}
h2.title-reddit {
    border-bottom: 5px solid #ff4500;
}
h2.title-reddit a,
h2.title-reddit span {
    position: relative;
    padding: 0.5rem;
    font-size: 18px;
    font-weight: normal;
    top: 1px;
    padding-left: 2rem;
    z-index: 9;
    color: #fff;
}
h2.title-reddit a::before,
h2.title-reddit span::before {
    content: "";
    width: 100%;
    height: 100%;
    transform: skewX(-26.5deg);
    background: #ff4500;
    position: absolute;
    left: 6px;
    top: 0;
    z-index: -1;
}
.bg-apple {
    background-color: #a6b1b7 !important;
}
.text-apple {
    color: #a6b1b7 !important;
}
.border-apple {
    border-color: #a6b1b7 !important;
}
h2.title-apple {
    border-bottom: 5px solid #a6b1b7;
}
h2.title-apple a,
h2.title-apple span {
    position: relative;
    padding: 0.5rem;
    font-size: 18px;
    font-weight: normal;
    top: 1px;
    padding-left: 2rem;
    z-index: 9;
    color: #fff;
}
h2.title-apple a::before,
h2.title-apple span::before {
    content: "";
    width: 100%;
    height: 100%;
    transform: skewX(-26.5deg);
    background: #a6b1b7;
    position: absolute;
    left: 6px;
    top: 0;
    z-index: -1;
}
.bg-main {
    background-color: #e4e4e4 !important;
}
.text-main {
    color: #e4e4e4 !important;
}
.border-main {
    border-color: #e4e4e4 !important;
}
h2.title-main {
    border-bottom: 5px solid #e4e4e4;
}
h2.title-main a,
h2.title-main span {
    position: relative;
    padding: 0.5rem;
    font-size: 18px;
    font-weight: normal;
    top: 1px;
    padding-left: 2rem;
    z-index: 9;
    color: #fff;
}
h2.title-main a::before,
h2.title-main span::before {
    content: "";
    width: 100%;
    height: 100%;
    transform: skewX(-26.5deg);
    background: #e4e4e4;
    position: absolute;
    left: 6px;
    top: 0;
    z-index: -1;
}
.bg-darkPink {
    background-color: #d41b5d !important;
}
.text-darkPink {
    color: #d41b5d !important;
}
.border-darkPink {
    border-color: #d41b5d !important;
}
h2.title-darkPink {
    border-bottom: 5px solid #d41b5d;
}
h2.title-darkPink a,
h2.title-darkPink span {
    position: relative;
    padding: 0.5rem;
    font-size: 18px;
    font-weight: normal;
    top: 1px;
    padding-left: 2rem;
    z-index: 9;
    color: #fff;
}
h2.title-darkPink a::before,
h2.title-darkPink span::before {
    content: "";
    width: 100%;
    height: 100%;
    transform: skewX(-26.5deg);
    background: #d41b5d;
    position: absolute;
    left: 6px;
    top: 0;
    z-index: -1;
}
.bg-darkBrown {
    background-color: #630933 !important;
}
.text-darkBrown {
    color: #630933 !important;
}
.border-darkBrown {
    border-color: #630933 !important;
}
h2.title-darkBrown {
    border-bottom: 5px solid #630933;
}
h2.title-darkBrown a,
h2.title-darkBrown span {
    position: relative;
    padding: 0.5rem;
    font-size: 18px;
    font-weight: normal;
    top: 1px;
    padding-left: 2rem;
    z-index: 9;
    color: #fff;
}
h2.title-darkBrown a::before,
h2.title-darkBrown span::before {
    content: "";
    width: 100%;
    height: 100%;
    transform: skewX(-26.5deg);
    background: #630933;
    position: absolute;
    left: 6px;
    top: 0;
    z-index: -1;
}
.bg-lightOrange {
    background-color: #f47c20 !important;
}
.text-lightOrange {
    color: #f47c20 !important;
}
.border-lightOrange {
    border-color: #f47c20 !important;
}
h2.title-lightOrange {
    border-bottom: 5px solid #f47c20;
}
h2.title-lightOrange a,
h2.title-lightOrange span {
    position: relative;
    padding: 0.5rem;
    font-size: 18px;
    font-weight: normal;
    top: 1px;
    padding-left: 2rem;
    z-index: 9;
    color: #fff;
}
h2.title-lightOrange a::before,
h2.title-lightOrange span::before {
    content: "";
    width: 100%;
    height: 100%;
    transform: skewX(-26.5deg);
    background: #f47c20;
    position: absolute;
    left: 6px;
    top: 0;
    z-index: -1;
}
.bg-skyBlue {
    background-color: #4579bd !important;
}
.text-skyBlue {
    color: #4579bd !important;
}
.border-skyBlue {
    border-color: #4579bd !important;
}
h2.title-skyBlue {
    border-bottom: 5px solid #4579bd;
}
h2.title-skyBlue a,
h2.title-skyBlue span {
    position: relative;
    padding: 0.5rem;
    font-size: 18px;
    font-weight: normal;
    top: 1px;
    padding-left: 2rem;
    z-index: 9;
    color: #fff;
}
h2.title-skyBlue a::before,
h2.title-skyBlue span::before {
    content: "";
    width: 100%;
    height: 100%;
    transform: skewX(-26.5deg);
    background: #4579bd;
    position: absolute;
    left: 6px;
    top: 0;
    z-index: -1;
}
.bg-lightPurple {
    background-color: #322a7d !important;
}
.text-lightPurple {
    color: #322a7d !important;
}
.border-lightPurple {
    border-color: #322a7d !important;
}
h2.title-lightPurple {
    border-bottom: 5px solid #322a7d;
}
h2.title-lightPurple a,
h2.title-lightPurple span {
    position: relative;
    padding: 0.5rem;
    font-size: 18px;
    font-weight: normal;
    top: 1px;
    padding-left: 2rem;
    z-index: 9;
    color: #fff;
}
h2.title-lightPurple a::before,
h2.title-lightPurple span::before {
    content: "";
    width: 100%;
    height: 100%;
    transform: skewX(-26.5deg);
    background: #322a7d;
    position: absolute;
    left: 6px;
    top: 0;
    z-index: -1;
}
.bg-brown {
    background-color: #a67d51 !important;
}
.text-brown {
    color: #a67d51 !important;
}
.border-brown {
    border-color: #a67d51 !important;
}
h2.title-brown {
    border-bottom: 5px solid #a67d51;
}
h2.title-brown a,
h2.title-brown span {
    position: relative;
    padding: 0.5rem;
    font-size: 18px;
    font-weight: normal;
    top: 1px;
    padding-left: 2rem;
    z-index: 9;
    color: #fff;
}
h2.title-brown a::before,
h2.title-brown span::before {
    content: "";
    width: 100%;
    height: 100%;
    transform: skewX(-26.5deg);
    background: #a67d51;
    position: absolute;
    left: 6px;
    top: 0;
    z-index: -1;
}
.bg-cyan {
    background-color: #00a997 !important;
}
.text-cyan {
    color: #00a997 !important;
}
.border-cyan {
    border-color: #00a997 !important;
}
h2.title-cyan {
    border-bottom: 5px solid #00a997;
}
h2.title-cyan a,
h2.title-cyan span {
    position: relative;
    padding: 0.5rem;
    font-size: 18px;
    font-weight: normal;
    top: 1px;
    padding-left: 2rem;
    z-index: 9;
    color: #fff;
}
h2.title-cyan a::before,
h2.title-cyan span::before {
    content: "";
    width: 100%;
    height: 100%;
    transform: skewX(-26.5deg);
    background: #00a997;
    position: absolute;
    left: 6px;
    top: 0;
    z-index: -1;
}
.bg-lightGreen {
    background-color: #63a844 !important;
}
.text-lightGreen {
    color: #63a844 !important;
}
.border-lightGreen {
    border-color: #63a844 !important;
}
h2.title-lightGreen {
    border-bottom: 5px solid #63a844;
}
h2.title-lightGreen a,
h2.title-lightGreen span {
    position: relative;
    padding: 0.5rem;
    font-size: 18px;
    font-weight: normal;
    top: 1px;
    padding-left: 2rem;
    z-index: 9;
    color: #fff;
}
h2.title-lightGreen a::before,
h2.title-lightGreen span::before {
    content: "";
    width: 100%;
    height: 100%;
    transform: skewX(-26.5deg);
    background: #63a844;
    position: absolute;
    left: 6px;
    top: 0;
    z-index: -1;
}
.bg-darkGrey {
    background-color: #333e48 !important;
}
.text-darkGrey {
    color: #333e48 !important;
}
.border-darkGrey {
    border-color: #333e48 !important;
}
h2.title-darkGrey {
    border-bottom: 5px solid #333e48;
}
h2.title-darkGrey a,
h2.title-darkGrey span {
    position: relative;
    padding: 0.5rem;
    font-size: 18px;
    font-weight: normal;
    top: 1px;
    padding-left: 2rem;
    z-index: 9;
    color: #fff;
}
h2.title-darkGrey a::before,
h2.title-darkGrey span::before {
    content: "";
    width: 100%;
    height: 100%;
    transform: skewX(-26.5deg);
    background: #333e48;
    position: absolute;
    left: 6px;
    top: 0;
    z-index: -1;
}