/* Font-Colors */
.font-orange { color:#f38a00 !important; }
.font-cyan { color:#6aa2b8 !important; }
.font-white { color:#fff !important; }

/* Background-Colors */
.bg-orange { background:#f38a00 !important; }
.bg-lightorange { background:#ffe7ce !important; }
.bg-cyan { background:#6aa2b8 !important; }
.bg-lightcyan { background:#d3e2e8 !important; color:#6aa2b8 !important; }
.bg-lightgrey { background:#efefef !important; }
.bg-darkgrey { background:#333 !important; }
.bg-petrol { background:#21323a !important; }

/* Highlight-Colors */
.hl-orange h3 { color:#f38a00 !important; }
.hl-orange li:before { color:#f38a00 !important; }

.hl-cyan h3 { color:#6aa2b8 !important; }
.hl-cyan li:before { color:#6aa2b8 !important; }

/* Padding Styles */
.vertical-padding-top-100 { padding-top:100px; }
.vertical-padding-bottom-50 { padding-bottom:50px; }
.vertical-padding-bottom-100 { padding-bottom:100px; }
.vertical-padding-100 { padding-top:100px; padding-bottom:100px; }
.vertical-padding-50 { padding-top:50px; padding-bottom:50px; }

/* Margin Styles */
.vertical-margin-top-20 { margin-top:20px; }
.vertical-margin-top-30 { margin-top:30px; }
.vertical-margin-top-50 { margin-top:50px; }
.vertical-margin-bottom-50 { margin-bottom:50px; }


/* Border Styles */
.border-bottom-1-cyan { border-bottom:1px solid #6aa2b8; }
.border-bottom-1-orange { border-bottom:1px solid #f38a00; }
.border-bottom-1-grey { border-bottom:1px solid #cecece; }