@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@200;300;400;500;516;700&display=swap');

.logo-moble {
    display: none;
}

.nav-bar {
    background-color: #000000;
    border-bottom: 1px solid #ff0000;
    width: 100%;
    height: 80px;
    position: fixed;
    margin-bottom: 50px;
    padding-top: 15px;
    padding-left: 20px;
    z-index: 77;
}

.container-motos {
    margin-top: 20px;
    z-index: 7;
    margin-bottom: 10px;
}

.container-motos label {
    margin-top: 15px;
    font-size: 1em;
    font-family: 'Oswald', sans-serif;
    font-weight: 400;
}

.detalhes-motos {
    width: 100vw;
    height: 100vh;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center
}

.btn-tenho-interesse {
    background-color: #ff0000;
    color: #fff;
    font-size: 1.5em;
    font-family: 'Oswald', sans-serif;
    font-weight: 400;
    padding: 10px 50px;
    margin-top: 50px;
}

.btn-uf {
    margin-bottom: 5px;
    border-radius: 2px;
    width: 160px;
    font-size: 1em;
}

.bts-div {
    margin-left: 0px;
    margin-top: 180px;
}

.modal-body-mascote {
    background-image: url(../img/fundo-mascote.jpg);
    height: 437px;
 }

 .modal-body-whats {
    background-image: url(../img/fund-edit-whats.jpg);
    height: 437px;
 }

 .dropdown-item {
    font-weight: 600;
    font-size: 17px;
 }

 .icon-whats {
     right: 10px;
     position: absolute;
 }

 @media all and (min-width: 200px) and (max-width: 490px) {
    .logo-moble {
        display: block;
    }

    .logo-desktop {
        display: none;
    }

    .icon-whats {
        top: 13px;
    }

    .modal-body-mascote {
        background-image: url(../img/fundo-mascote-moble.jpg);
        height: 437px;
     }
}