@import url('https://fonts.googleapis.com/css2?family=Fredericka+the+Great&display=swap');
@media only screen and (max-width: 600px) {
    
    .navbar-collapse      {margin:auto; text-align: center;  }
    .navbar-nav>li        {border-bottom:1px dotted #eee; }
    .navbar-nav>li:hover  {background:#F7B43C; color:darkblue; } 
   
    .dropdown-menu { background:#eee; border:0; }

    .footer        {text-align: center;}
    .logofooter    {margin:0 auto; padding-top:50px;}
}


/* padrao */

html {
    scroll-behavior: smooth;
  
}
 
:target {
  scroll-margin-top: .8em;
}


body{
    overflow-x: hidden;
    background: url('https://i.pinimg.com/736x/1e/45/c1/1e45c1d7218d6f5e469d185223e33beb.jpg') #000;
   background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
}

h1{padding-top: 70px; }*/




.link_footer,ul,li{
   
    list-style: none;
    text-decoration:none;
    
}

.whatsapp{
    position: fixed;
    top: 85%;
    left: 1%;
    padding: 10px;
    z-index: 10000000;
}


.bg-padrao{
    
    background: #FF8929;
    
}

.bg-eb{
    
    background:#356F43; 
}

.bg-black{
    background:#000;
}

/* buttons */

.btn-white{
    
    background:#fff;
    color: #446CB3;
}

.btn-white:hover{
    background:#eee;
}

.btn-p{
    
    background:#F7B43C;
}

.btn-p:hover{
    
    background:#FF8929;
    color:#fff;
    font-weight: bold;
}


.invert-img{
    filter: invert(75%);
}


.header-site{
    
    
    background-image: url('../images/pretofosco/bg.jpg');

    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;

    padding-top: 50px;
    padding-bottom: 100px;
}








.list-item{
        
            text-decoration: none;
            list-style: none;
    
}

.list-item>li{
    
    margin-bottom: 20px;
    font-size:20px;
    
    
}

.font-p{
    
    font-family: 'Fredericka the Great', cursive;
    color:#fff;
  
    
}






.text-head{
    margin-top: 100px;
}





.logofooter {
    display: block;
    width: 120px;
    height: auto;
    
}




.prefooter .rodapebadge {
    max-width: 100%;
    height: auto;
}
.prefooter img {
    display: block;
    margin: 0 auto;
}


.footerinstitucional a {
    
    color:#F7F7F7;
    text-align: center;
    

}