html {
    font-size: 14px;
}

@media (min-width: 768px) {
    html {
        font-size: 16px;
    }
}

html {
    position: relative;
    min-height: 100%;
}

body {
    /*margin-bottom: 60px;*/
}

.flex-wrapper {
    display: flex;
    min-height: 100vh;
    flex-direction: column;
    justify-content: space-between;
}

.footer {
    margin-top: auto;
}



.backgroudLanding {
    /*    -webkit-transform: rotate(45deg);*/
    /*    -moz-transform: rotate(45deg);*/
    position: absolute;
    background-size: cover;
    z-index: -1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-image: url("/Imagens/Logo/logo-normal-1-45.png");
    background-repeat: repeat;
    background-size: 70px 70px;
    background-attachment: fixed;
    opacity: 0.06;
}

.logo-principal {
    max-width: 60%;
    max-height: 100%;
}

.mainBackColor {
    background-color: rgba(255, 255, 255,0.6);
    /*opacity: 0.5;*/
    /*height: calc(100vh - 140px);*/
    /* opera */
    /*height: -o-calc(100vh - 140px);*/
    /* google, safari */
    /*height: -webkit-calc(100vh - 140px);*/
    /* firefox */
    /*height: -moz-calc(100vh - 140px);*/
}


/*// X-Small devices (portrait phones, less than 576px)
// No media query for `xs` since this is the default in Bootstrap
// Small devices (landscape phones, 576px and up)*/
/*@media (min-width: 576px) {*/
/*.mainBackColor {        
        height: calc(100vh - 140px);
        height: -o-calc(100vh - 140px);*/ /* opera */
/*height: -webkit-calc(100vh - 140px);*/ /* google, safari */
/*height: -moz-calc(100vh - 140px);*/ /* firefox */
/*}*/
/*}*/
/*// Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) {
    .mainBackColor {
        /*border-radius: 4px;
        background-color: rgba(194,234,234,0.4);*/
        /*opacity: 0.5;*/
        /*height: calc(100vh - 150px);*/
        /* opera */
        /*height: -o-calc(100vh - 150px);*/
        /* google, safari */
        /*height: -webkit-calc(100vh - 150px);*/
        /*firefox */
        /*height: -moz-calc(100vh - 150px);*/
    }
}
/*// Large devices (desktops, 992px and up)*/
/*@media (min-width: 992px) {
    .mainBackColor {        
        height: calc(100vh - 150px);
        height: -o-calc(100vh - 150px);*/ /* opera */
/*height: -webkit-calc(100vh - 150px);*/ /* google, safari */
/*height: -moz-calc(100vh - 150px);*/ /* firefox */
/*}
}*/
/*// X-Large devices (large desktops, 1200px and up)*/
/*@media (min-width: 1200px) {
    .mainBackColor {        
        height: calc(100vh - 150px);
        height: -o-calc(100vh - 150px);*/ /* opera */
/*height: -webkit-calc(100vh - 150px);*/ /* google, safari */
/*height: -moz-calc(100vh - 150px);*/ /* firefox */
/*}
}*/

/*// XX-Large devices (larger desktops, 1400px and up)*/
/*@media (min-width: 1400px) {
    .mainBackColor {        
        height: calc(100vh - 150px);
        height: -o-calc(100vh - 150px);*/ /* opera */
/*height: -webkit-calc(100vh - 150px);*/ /* google, safari */
/*height: -moz-calc(100vh - 150px);*/ /* firefox */
/*}
}*/


/*.foote {
    background-color: #6D6F70;    
}
*/
footer {
    background-color: #6D6F70;
    line-height: 2rem;
}

.informacoes > ul li {
   /* margin: 0,0,0,0;*/
    background-color: #6D6F70;
}
/*
.navbar-dark {
    background-color: #005681;
}*/

:root {
    --bs-dark: #005681;
    --bs-dark-rgb: 0, 86, 129;
}