.top-bar {
    height: 17px;
}
.header .header-slogan {
    font-size: 24px;
    font-style: italic;
    line-height: 120%;
    font-weight: 700;
    color: #003172;
    padding-top: 12px;
    padding-bottom: 4px;
    text-align: center;
}

.header .header-btn {
    padding-top: 12px;
    text-align: center;
}

 .header-btn .btn-shake {
    animation: shakes 2s infinite;
    animation-timing-function: ease-out;
    transition: .4s;
    width: fit-content;
    padding-left: 2rem;
    padding-right: 2rem;
    border-radius: 40px;

    background: #fc7f1e;
    border: 1px solid #fc7f1e;
    color: #fff;

}

.header-btn .btn-shake:hover {
    background: #ff9124;
    border: 1px solid #ff9124;
    color: #fff;
    box-shadow: 3px 3px 3px 3px rgb(0 0 0 / 20%);
}


.header .mobile-logo .logo img {
   max-width: 162px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

@keyframes shakes {
    0% {
        transform: rotate(0deg);
    }
    25% {
        transform: rotate(0deg);
    }
    50% {
        transform: rotate(2deg);
    }
    75% {
        transform: rotate(-2deg);
    }
    100% {
        transform: rotate(0deg);
    }
}
@media only screen and (min-width: 576px) {
    .header .header-slogan {
        line-height: 150%;
        padding-bottom: 0;
    }

}
@media only screen and (min-width: 992px) {
    .header .header-btn {
        text-align: right;
    }
    .header .header-slogan {
        text-align: left;
        padding-top: 20px;
    }
    .header .header-btn {
        padding-top: 20px;
    }
}