.resumo {
  background: #1f1f1fbd;
  color: rgb(131, 131, 131);
  border-radius: 15px;
  margin: 0px 10px;
}

.csslider .parceiroSlide img {
  height: 400px;
  background-color: rgba(0, 0, 0, 0.425);
}

.resumo h1 {
  color: rgb(131, 131, 131);
  text-align: center;
  font-family: 'Acme',
  sans-serif;
  font-family: 'ADLaM Display',
  cursive;
  font-size: 35px;
  filter: drop-shadow(0 0 10px rgb(0, 0, 0));
  text-transform: uppercase;
  text-shadow: 0 5px 5px #000;
  }

.descricao {
  color: #a2af0f;
  text-align: center;
  font-family: 'Acme',
  sans-serif;
  font-family: 'ADLaM Display',
  cursive;
  font-size: 15px;
  filter: drop-shadow(0 0 10px rgb(0, 0, 0));
  text-transform: uppercase;
  text-shadow: 0 5px 5px #000;
}

.autor {
  text-align: center;
  color: rgb(255, 255, 255);
  font-family: 'Acme',
  sans-serif;
  font-family: 'ADLaM Display',
  cursive;
  font-size: 15px;
  filter: drop-shadow(0 0 10px rgb(0, 0, 0));
  text-transform: uppercase;
  text-shadow: 0 5px 5px #000;
  height: 40px;
}

.autor span{
  text-align: center;
  color: rgb(255, 174, 0);
  font-family: 'Acme',
    sans-serif;
  font-family: 'ADLaM Display',
    cursive;
  font-size: 15px;
  filter: drop-shadow(0 0 10px rgb(0, 0, 0));
  text-transform: uppercase;
  text-shadow: 0 5px 5px #000;
}


.voltar {
  color: white;
  width: 6%;
  height: 5%;
  margin-left: 40px;
  cursor: pointer;
  border-radius: 7px;
  background-color: rgb(61, 61, 61);
}

.voltar img {
  height: 30px;
}

.voltar:hover {
  background-color: rgb(92, 92, 92);
}

#copy-btn {
  background-color: rgb(61, 61, 61);
  width: 150px;
  color: white;
  padding: 8px 16px;
  border-radius: 15px;
  border: none;
  cursor: pointer;
  font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif
}

#copy-btn:hover {
  background-color: rgb(92, 92, 92);
}

/* Slide */

#slider1>ul>li:nth-of-type(4) {
  background-size: 100% 100%;
}

#slider1>ul>li:nth-of-type(4) h1 {
  font-size: 30px;
  font-family: 'Acme',
    sans-serif;
  font-family: 'ADLaM Display',
    cursive;
  color: rgb(81, 255, 0);
  filter: drop-shadow(0 0 10px rgb(0, 0, 0));
  text-transform: uppercase;
  text-shadow: 0 5px 5px #000;
}

#slider1>input:nth-of-type(4):checked~ul #bg {
  width: 95%;
  height: auto;
  padding: 12px;
  margin-top: -40px;
  -moz-transition: .5s .5s;
  -o-transition: .5s .5s;
  -webkit-transition: .5s .5s;
  transition: .5s .5s;
}

#slider1>input:nth-of-type(4):checked~ul #bg div {
  -moz-transform: translate(0);
  -ms-transform: translate(0);
  -o-transform: translate(0);
  -webkit-transform: translate(0);
  transform: translate(0);
  -moz-transition: .5s .9s;
  -o-transition: .5s .9s;
  -webkit-transition: .5s .9s;
  transition: .5s .9s;
}

#slider1>input:nth-of-type(4):checked~ul #dex-sign {
  -moz-animation: sign-anim 3.5s 0.5s steps(85) forwards;
  -o-animation: sign-anim 3.5s 0.5s steps(85) forwards;
  -webkit-animation: sign-anim 3.5s 0.5s steps(85) forwards;
  animation: sign-anim 3.5s 0.5s steps(85) forwards;
}

#bg:before {
  content: '';
  position: absolute;
  left: -1px;
  top: 1px;
  height: 100%;
  width: 100%;
  z-index: -1;
  background: url(/img/background.jpeg) 1px 23%;
  -webkit-filter: blur(60px);
}


@media only screen and (max-width: 600px) {

  .voltar {
    width: 80px;
  }

  .descricao {
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
  }

#slider1>ul>li:nth-of-type(4) h1 {
  font-size: 12px;
}

#slider1>input:nth-of-type(4):checked~ul #bg {
  height: 100px;
  margin-top: -10px;
}


}