*, b, strong {
    font-family: myriad-pro, serif;
    font-weight: 400;
    font-style: normal;
}
h2 { font-size: 26px; }
h3 { font-size: 22px; }
.navbar a { font-size: 1.2em; }
.navbar, .navbar.top-nav-collapse {
    background-image: linear-gradient(to bottom right, #0cb804, #3d810a);
    border-bottom: 3px solid #fff;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.15);
}

.brand {
    color: #fff;
    font-size: 2em;
    font-weight: 700;
}

.hero { width: 100%; }

p { margin-bottom: 15px; }

.navbar .nav.navbar-nav li a:hover, .navbar .nav.navbar-nav li.active a { color: #fff; }

.panel-title {
    background-color: #f36b21;
}

.cta {
    background-image: url('../img/arkidskit/color-swatch.png');
    background-size: cover;
    color: #fff;
    text-align: center;
}
.cta a, .cta a:visited, .cta a:active { color: #fff; }
.cta a, .cta p { font-size: 1.2em;}
.cta h6 { 
    font-size: 2em; 
    line-height: 50px;
}
.cta-text {
    font-size: 0.8em;
    font-weight: 600;
}
.contact-us-form .form-group .form-control, .contact-us-form .form-group .form-control:focus { border: 1px solid #f36b21;}

hr { 
    border-top: 1px solid #f36b21; 
}

.bg-secondary { background-color: #f5f5f5 !important; }
.softo-solid-btn { background-color: #f36b21; }

.error { color: #f36b21; }