html, body {
    height: 100%;
    margin: 0;
    color: #ffffff;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: 100% 100%;
    background: linear-gradient(to bottom, #00a560, #25aa8d);
}

.header { 
    padding: 20px;
    background-color: #1E3A8A;
}

.logo-image {
    height: 75px;
}

.header-button {
    background-color: #00a560;  
    color: #ffffff;  
}

.collpased-header-item-mobile {
    visibility: collapse;
}

.text-box {
    padding: 5px;
}

.zap-button {
    margin-right: 25px;
    padding: 10px 20px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: none;
    background: linear-gradient(to bottom, #c1ff72, #00a560);
    color: #ffffff;
    font-size: 1.25em;
}

.zap-button-img {
    margin-right: 10px;
    max-width: 20px;
    height: auto;
}

.zap-button a {
    text-decoration: none;
    color: #ffffff;
}

@media (max-width: 767px) {
    .logo-image {
        height: 50px;
    }
    
    .collapsed-header-item {
        display: none !important;
    }

    .collpased-header-item-mobile {
        visibility: visible;
    }
}