.gyst-background {
    background-color: #ffffff;
    padding-bottom: 3rem !important;
}

.gyst-background .masthead-subheading {
    color: #333333 !important;
}

#logo {
    max-width: 100%;
    height: auto;
    width: 100%;
}

@media (max-width: 768px) {
    #logo {
        width: 90%;
    }
}

@media (max-width: 480px) {
    #logo {
        width: 95%;
    }
}

/* Testimonials section */
.portfolio {
    background-color: #116098 !important;
}

.portfolio .page-section-heading,
.portfolio .text-secondary {
    color: #ffffff !important;
}

.portfolio .divider-custom-line {
    background-color: #ffffff !important;
}

.portfolio .divider-custom-icon {
    color: #ffffff !important;
}

.portfolio .row {
    justify-content: center !important;
}

.portfolio .portfolio-item {
    margin: 0 auto !important;
}

.portfolio .portfolio-item-caption {
    display: none !important;
}

.portfolio-text-area {
    background-color: #ffffff !important;
    padding: 1rem;
    margin-top: -4px;
    border-bottom-left-radius: 0.5rem;
    border-bottom-right-radius: 0.5rem;
}

.portfolio-text-area p {
    margin: 0;
    color: #333;
    font-size: 0.9rem;
    line-height: 1.5;
}

/* About section */
.bg-primary {
    background-color: #ffffff !important;
}

#about .page-section-heading,
#about .text-white {
    color: #116098 !important;
}

#about .divider-custom-line {
    background-color: #116098 !important;
}

#about .divider-custom-icon {
    color: #116098 !important;
}

#about .lead {
    color: #116098 !important;
}

#about .btn-outline-light {
    color: #116098;
    border-color: #116098;
}

#about .btn-outline-light:hover {
    background-color: #116098;
    color: #ffffff;
}

/* Contact Me section */
#contact {
    background-color: #116098 !important;
    padding: 3rem 0 !important;
}

#contact .page-section-heading,
#contact .text-secondary {
    color: #ffffff !important;
    font-size: 2rem !important;
    margin-bottom: 1rem !important;
}

#contact .divider-custom {
    margin: 1rem 0 !important;
}

#contact .divider-custom-line {
    background-color: #ffffff !important;
}

#contact .divider-custom-icon {
    color: #ffffff !important;
}

#contact .form-floating {
    margin-bottom: 0.55rem !important;
}

#contact .form-control {
    border-color: #ffffff;
    background-color: #ffffff;
    padding: 0.4125rem 0.55rem !important;
    font-size: 0.968rem !important;
    height: auto !important;
    min-height: 2.2rem !important;
}

#contact .form-control:focus {
    border-color: #ffffff;
    box-shadow: 0 0 0 0.25rem rgba(255, 255, 255, 0.25);
}

#contact .form-control:focus ~ label,
#contact .form-control:not(:placeholder-shown) ~ label {
    opacity: 1 !important;
    transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem) !important;
}

#contact label {
    color: #b3b3b3 !important;
    background-color: transparent !important;
    padding: 0.4125rem 0.55rem !important;
    font-size: 0.9075rem !important;
    opacity: 1 !important;
}

#contact textarea.form-control {
    min-height: 4.4rem !important;
}

#contact .btn-primary {
    padding: 0.55rem 1.1rem !important;
    font-size: 1.059rem !important;
}

/* Footer */
.footer {
    background-color: #ffffff !important;
    color: #116098 !important;
}

.footer h4,
.footer .lead,
.footer p {
    color: #116098 !important;
}

.footer a {
    color: #116098 !important;
}

.footer .btn-outline-light,
.footer .btn-social {
    color: #116098;
    border-color: #116098;
}

.footer .btn-outline-light:hover,
.footer .btn-social:hover {
    background-color: #116098;
    color: #ffffff;
}

/* Copyright section */
.copyright {
    background-color: #000000 !important;
}