body{
   
    background-image: url(/images/rodape.svg) ;
    background-repeat: repeat-x;
    background-size:20vw;
    background-position: center bottom;
   
    text-align: center;
   
    
}

#offcanvasDarkNavbar{
    background-color: #7ac2f5;

}

.navbar-toggler, .navbar-toggler:hover, .navbar-toggler:active, .navbar-toggler:visited, .navbar-toggler:enabled,  .navbar-toggler:focus, .navbar-toggler:focus{
    width: auto;
    height: auto;
    border: 0px!important;
    outline: none;
}



.navbar-toggler-icon{
    color: rgb(14, 213, 240)!important;
    background-image: none;
    font-size: 30px;

}
.imagem-sobre{
    height: 300px;
}

.logo-container {
    height:98vh;
    display: flex;
    justify-content: center;
    align-items: center;
    flex: 1;
    background-color: #005b9d;
    background-image: url(/images/rodape.svg) ;
    background-repeat: repeat-x;
    background-size:20vw;
    background-position: center bottom;
}

.logo-container img {
    max-width: 20%;
    height: auto;
}

.sobre-container{
    color:#005b9d;
}

.contato-container{
    background-color: #005b9d;
    color:white;
    padding-bottom: 16px;
}

.contact-item a, .contact-item{
    color: white;
    text-decoration: none;

}


.catalogo{
    background-color: #d1d1d1;
}

.catalogo a {
   text-decoration: none;
}


.catalogo a h6:hover{
   font-size: 1.8rem;
}

.catalogo h6 {
    color: #005b9d;
    font-weight: bold;
    font-size: 1.5rem;
    transition: all 0.1s ease-in;
}


footer{
    background-color: #005b9d;
    color: azure;
    border-top: 1px solid white;

}

.info-wrap {
    color: rgba(255, 255, 255, 0.8); }
    .info-wrap h3 {
      color: #fff; }
    .info-wrap .dbox {
      width: 100%;
      color: rgba(255, 255, 255, 0.8);
      margin-bottom: 25px; }
      .info-wrap .dbox:last-child {
        margin-bottom: 0; }
      .info-wrap .dbox p {
        margin-bottom: 0; }
        .info-wrap .dbox p span {
          font-weight: 500;
          color: #fff; }
        .info-wrap .dbox p a {
          color: #fff; }
      .info-wrap .dbox .icon {
        width: 50px;
        height: 50px;
        border-radius: 50%;
        border: 2px solid rgba(255, 255, 255, 0.2); }
        .info-wrap .dbox .icon span {
          font-size: 20px;
          color: #fff; }
      .info-wrap .dbox .text {
        width: calc(100% - 50px); }
  

@media only screen and (max-width: 720px){

    .logo-container img {
        max-width: 50%;
        height: auto;
    }

    .logo-container {   
        background-size:80vw;
        height: 100vh;
      
}