.body {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

#btnselect {
    width: 600px;
}

.top {
    background-image: url('../img/banner.png');
    height: 35%;
    display: flex !important;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}

.second-menu {
    background-color: #852a48;
    padding-top: 20px;
    padding-bottom: 10px;
}

    .second-menu p {
        color: white;
        font-size: 25px;
        text-align: center;
    }

#Pesquisa {
    padding-top: 30px;
    padding-bottom: 30px;
}

#imagem {
    border-radius: 4px; /* Rounded border */
    padding: 5px; /* Some padding */
    width: 300px; /* Set a small width */
    height: 200px;
}

    /* Add a hover effect (blue shadow) */
    #imagem:hover {
        box-shadow: 0 0 2px 1px rgba(0, 140, 186, 0.5);
    }

@media only screen and (max-width: 800px) {
    #btnselect
    {
        width:330px;
    }

    .second-menu {
        display: none
    }

    .navbar {
        display: none
    }

    #thumbs-mobile {
        display: flex !important;
        margin-right: 20px;
        padding-right: 0px;
        padding-left: 0px;
        margin-left: 0px;
    }

    #thumbs-web {
        display: none
    }

    #imagem {
        border-radius: 4px; /* Rounded border */
        width: 100%;
        height: auto;
    }

        /* Add a hover effect (blue shadow) */
        #imagem:hover {
            box-shadow: 0 0 2px 1px rgba(0, 140, 186, 0.5);
        }

    .top {
        background-image: url('../img/banner-mobile.jpg');
        height: 50%;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        position: relative;
    }

    #Pesquisa {
        padding-top: 30px;
        padding-bottom: 30px;
        margin-right: 20px;
        padding-right: 0px;
        padding-left: 0px;
        margin-left: 0px;
    }

        #Pesquisa #texto {
            text-align: center !important
        }
}