/* ! Progetto*/

.project{
  display: flex;
  position: relative;
  width: 900px;
  height: 400px;
  margin-top: 22px;
  margin-bottom: 22px;
}

.description{width: 260px; text-align: justify;}

.indent{padding-left: 11px; margin-top: 0; margin-bottom: 0; padding-bottom: 3px; padding-top: 3px;}

/* ! Slider */

#project-slider{
  overflow: hidden;
  width: 600px;
  height: 400px;
  position: absolute;
  right: 0;
}

#project-slider figure{
  position: relative;
  width: 1100%;
  height: 400px;
  padding: 0;
  margin: 0;
  animation: 40s slider infinite;
}

#project-slider figure img{
  width: 9.091%;
  float: right;
  margin: auto;
}

@keyframes slider{
  0% {    left: 0;  }
  8% {    left: 0;  }
  10% {    left: -100%;  }
  18% {    left: -100%;  }
  20% {    left: -200%;  }
  28% {    left: -200%;  }
  30% {    left: -300%;  }
  38% {    left: -300%;  }
  40% {    left: -400%;  }
  48% {    left: -400%;  }
  50% {    left: -500%;  }
  58% {    left: -500%;  }
  60% {    left: -600%;  }
  68% {    left: -600%;  }
  70% {    left: -700%;  }
  78% {    left: -700%;  }
  80% {    left: -800%;  }
  88% {    left: -800%;  }
  90% {    left: -900%;  }
  98% {    left: -900%;  }
  100% {   left: -1000%; }
}

@media(max-width: 850px){
  .project{
    display: block;
    position: relative;
    width: 100%;
    height: 630px;
    margin-top: 0;
    margin-bottom: 0;
  }

  #project-slider{
    overflow: hidden;
    width: 100%;
    height: 400px;
    position: absolute;
    right: 0;
  }

  .description{width: 100%; text-align: justify;}
}