﻿
@media only screen and (max-width: 767px) {
    .fab-container {
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        align-items: center;
        user-select: none;
        position: fixed;
        bottom: 30px;
        right: 30px;
        z-index: 1;
    }

        .fab-container a, .fab-container button, .fab-container button.btn-vws {
            font-size: 20px;
            position: absolute;
            display: flex;
            align-items: center;
            justify-content: center;
            bottom: 10px;
            right: 10px;
            height: 60px;
            width: 60px;
            background-color: #002c64;
            border-radius: 50%;
            transition: all .3s ease;
        }

            .fab-container a, .fab-container button:hover {
                cursor: pointer;
            }

    .hide-wstl {
        display: none;
    }

    .fab-container a.btn-vws.btn-border, .fab-container button.btn-vws.btn-border, .fab-container button.btn-vws.btn-border:hover {
        border-right: 0px;
        padding: 0px;
    }
}

@media only screen and (min-width: 768px) {
    .fab-container {
        padding-left: 15px;
    }
}

button.btn {
    font-size: 1rem;
}

#promeon-navbar-logo {
    max-width: 125px;
}