body {
    /* height: 100vh; */
    background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)),
    url("../pics/quemsomosback.jpg");
    background-size: cover ;
    background-position: center;
    text-shadow: 0 0.05rem 0.1rem rgba(0, 0, 0, 0.5);
    box-shadow: inset 0 0 5rem rgba(0, 0, 0, 0.5);
}

p {
    text-align: justify;
    text-indent: 1rem;
    font-weight: 500;
    font-size: large;
}


#conteudoHist {
    background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2));
    border-radius: 10%;
    
}

#produtos {
    background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2));
    border-radius: 10%;
    
}

@media (min-width: 768px) {
    #produtos {
        margin-left: -1rem;
    }
}

.cover-container {
  max-width: 60vw;
}

.nav-link {
    padding: 0.25rem 0;
    font-weight: 700;
    color: rgba(255,255,255,0.5);
    margin-left: 1rem;
    border-bottom: 0.25rem solid transparent;
}

.nav-link:hover{
    color: rgba(255,255,255,0.5);
    border-bottom-color:rgba(255,255,255,0.5);
}

.nav-link.active {
    color: white;
    border-bottom-color:rgb(242, 213, 00);

}

.btn-secondary, .btn-secondary:hover{
    color: #333;
    text-shadow: none;
}

#logo {
    max-height: 60px;
}

@media (max-width: 768px) {
    #full {
        max-width: 100vw;
    }
    #logo {
       align-items: center;
    }
    #logocontainer{
        width: 100%;
        justify-content: center;
    }
}