body {
    /*padding-top: 50px;
    padding-bottom: 20px;*/
    margin: 0 auto !important;
    /*background-image: url('../Imagens/logo.png');
    background-repeat:no-repeat;
    background-size: 100%;*/
    padding: 0 !important;
}

#bodyRestrito {
    margin: 0 auto !important;
    background-color: white !important;
}
/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
    max-width: 280px;
}

#mainIndex{
    background-color:white !important;
    margin: 0 auto !important;
    padding:2% !important;
}

.botaoIndex{
    width: 10em !important;
    height: 5em !important;
    padding:10% 0 5% 0;
    font-size: 1.5em !important;
    text-align:center;
    display:block;
    margin:5% 0 5% 0;
}

#principal {
    margin-top: 10%;
    padding: 5%;
    background-color: black;
}

a{
    color:white;
}

#blocoUser {
    font-family: 'Times New Roman', Times, serif;
    font-size: 1em;
    padding-top: 5%;
    color: white;
}

#nomeLoja {
    font-family: 'Times New Roman', Times, serif;
    font-size: 3em;
    padding: 2%;
}

#logoTudao {
    font-size: 3em;
}

#principalRestrito {
    padding-bottom: 1%;   
    background-color: darkgoldenrod;
    border-bottom:5px solid maroon;
}
@font-face {
    font-family: 'Base 02';
    src: url('../fonts/Base 02.ttf') format('truetype');
}

#h2Index{
    color:white;
}

.card {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.5), 0 6px 20px 0 rgba(0, 0, 0, 0.5);
    /*border-radius: 15px 15px;*/
}

.sha {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.5), 0 6px 20px 0 rgba(0, 0, 0, 0.5);
    margin-right: 3%;
}

    .sha:hover {
        color: white;
        text-shadow: 5px 5px 5px black !important;
    }

.conteudo {
    margin-top: 5% !important;
}



@media (max-device-width: 768px) {
    .conteudo {
        margin-top: 30% !important;
    }
}