section#Artigo{
  position: relative;
  width: 100%;
  height: auto;
  display: inline-block;
  z-index: 960;
  background: rgb(35, 31, 32);
}

.contenedor-sliderArtigo {
  position: relative;
  margin: auto;
  width: 100%;
  height: auto;
  overflow: hidden;
}

.sliderArtigo {
  display: flex;
  width: 300%;
}

.slider__sectionArtigo {
  width: 100%;
  text-align: center;
  color: rgb(103, 104, 104);
  padding: 50px 0;
}

.slider__imgArtigo {
  position: relative;
  display: block;
  width: 300px;
  height: 400px;
}

.txtArtigo{
  position: relative;
  width: 40%;
  height: auto;
  margin: 0 3%;
  display: inline-block;
  text-align: center;
  color: rgb(103, 104, 104);
  vertical-align: top;
}

.txtArtigo h1,h3,p{
  text-align: left;
}

.imgArtigo{
  position: relative;
  width: 300px;
  height: 500px;
  display: inline-block;
  text-align: center;
  vertical-align: top;
  overflow: hidden;
}

.imgArtigo img{
  position: relative;
  max-width: 300px;
  max-height: 400px;
  display: inline-block;
  text-align: center;
  vertical-align: top;
  overflow: hidden;
}

.linkArtigo{
  position: relative;
  display: inline-block;
  padding: 5px 15px;  
  border: solid 1px rgb(103, 104, 104);
  color: rgb(103, 104, 104);
  text-decoration: none;
}.linkArtigo:hover{
   background: rgb(103, 104, 104);
   color: #fff;
}

.btnArtigo-prev, .btnArtigo-next {
  width: 30px;
  height: 30px;
  background: rgb(103, 104, 104);
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  line-height: 30px;
  font-size: 25px;
  font-weight: bold;
  text-align: center;
  border-radius: 50%;
  cursor: pointer;
  color: #fff;
}

.btnArtigo-prev:hover, .btnArtigo-next:hover {
  background: rgb(113, 114, 114);
}

.btnArtigo-prev {
  left: 10px;
	z-index: 99;
}

.btnArtigo-next {
  right: 10px;
	z-index: 99;
}

/*************************************************** REPOSITIVE *************************************/

/* MOBILE */
@media (max-width: 980px) {
    section#Artigo{
    position: relative;
    width: 100%;
    height: auto;
    display: inline-block;
    z-index: 960;
    background: rgb(35, 31, 32);
    top: -15px;
  }

  .slider__sectionArtigo {
    width: 100%;
    text-align: center;
    color: rgb(103, 104, 104);
    padding: 0;
  }
  .txtArtigo{
    position: relative;
    width: 90%;
    height: auto;
    margin: 3%;
    display: inline-block;
    text-align: center;
    color: rgb(103, 104, 104);
    vertical-align: top;
  }

  .imgArtigo{
    position: relative;
    width: 300px;
    height: 300px;
    height: auto;
    display: inline-block;
    text-align: center;
    vertical-align: top;
    overflow: hidden;
  }


  .btnArtigo-prev, .btnArtigo-next {
    width: 30px;
    height: 30px;
    background: rgb(103, 104, 104);
    position: absolute;
    top: 65%;
    line-height: 30px;
    font-size: 25px;
    font-weight: bold;
    text-align: center;
    border-radius: 50%;
    cursor: pointer;
    color: #fff;
  }

  .btnArtigo-prev:hover, .btnArtigo-next:hover {
    background: rgb(113, 114, 114);
  }

  .btnArtigo-prev {
    left: 2px;
    z-index: 99;
  }

  .btnArtigo-next {
    right: 2px;
    z-index: 99;
  }


}