.btn-resend {
    background-color: #2196F3 !important;
    box-shadow: 0 4px 4px #888888;

}

.header-btn {
    text-align: center;
    margin-top: 6.5rem;
    margin-bottom: 8rem;
}

.btn-sign-in-up {
    background-color: #FFF;
    color: #0080bb;
    border: none;
    border-radius: 20px !important;
    padding: 1.2rem 2.5rem;
    font-size: 18pt;
    font-weight: bold !important;
    margin: 0 1rem;
}

.btn-card-icon-items {
    cursor: pointer;
}
.btn-card-icon-items:hover {
    background-color: #2196F3;
}

@media (max-width:320px) {

    .header-btn {
        text-align: center;
        margin-top: 3.5rem;
        margin-bottom: 5rem;
    }

    /* smartphones, iPhone, portrait 480x320 phones */
    .btn-sign-in-up {
        background-color: #FFF;
        color: #0080bb;
        border: none;
        border-radius: 15px !important;
        padding: 0.75rem 1rem;
        font-size: 12pt;
        font-weight: bold !important;
        margin: 0 0.5rem;
    }

}

@media (max-width:600px) {

    .header-btn {
        text-align: center;
        margin-top: 3.5rem;
        margin-bottom: 5rem;
    }

    /* smartphones, iPhone, portrait 480x320 phones */
    .btn-sign-in-up {
        background-color: #FFF;
        color: #0080bb;
        border: none;
        border-radius: 15px !important;
        padding: 1rem 1.25rem;
        font-size: 16pt;
        font-weight: bold !important;
        margin: 0 0.5rem;
    }

}

@media (max-width:800px) {

    .header-btn {
        text-align: center;
        margin-top: 3.5rem;
        margin-bottom: 5rem;
    }

    /* smartphones, iPhone, portrait 480x320 phones */
    .btn-sign-in-up {
        background-color: #FFF;
        color: #0080bb;
        border: none;
        border-radius: 15px !important;
        padding: 1rem 1.25rem;
        font-size: 16pt;
        font-weight: bold !important;
        margin: 0 0.5rem;
    }

}