body{
  background-image: url("../images/background_portfolio.jpg");     /* imagem de fundo */
}

.logo{
  cursor: pointer;                                    /* mudar o cursor para a mãozinha */
}

.container{
border-radius: 12px;
width: 75%;
height: 70%;
margin: auto;
display:block;
/*opacity:0.5;*/
background-color:rgba(0,0,0,0.4);
overflow:auto;
scroll-padding: 50px 0 0 50px;
}

.nav-links-cont{
  display: flex;                                      /* ficam horizontais */
  justify-content: space-around;                      /* itens com espaço antes, entre e depois das linhas */
  width: 90%;                                         /* largura de 60% */
}

.nav-links-cont li{
  list-style:none;                                    /* remover os pontos */
  margin-bottom: 15px;
  cursor: pointer;
}

.nav-links-cont a{
  color:white;                                      /* cor da letra */
  text-decoration: none;                              /* tirar a decoração do texto */
  letter-spacing: 5px;                                /* espaço entre letras */
  padding-bottom: 10px;
  font-size: 15px;                                    /* tamanho de letra */
  position: sticky;
}

.nav-links-cont a:hover{
  color:#000000;                                            /* cor das palavras do menu com rato em cima (preto) */
}

.container{
  text-align: center;
}

.gallery{
  /*margin: 10px 50px;*/
  justify-content: center;
}

.gallery img{
  width: 230px;
  padding: 5px;
  filter: grayscale(0);
  transition: 1s;
}

.gallery img:hover{
  /*filter: grayscale(90%);*/
  cursor: pointer;
  transform: scale(1.1);
}

@media screen and (max-width:850px){
  .nav-links-cont{
    display: block;                                      /* ficam horizontais */
    justify-content: space-around;                      /* itens com espaço antes, entre e depois das linhas */
    width: 90%;                                         /* largura de 60% */
  }
}