@import url('https://fonts.googleapis.com/css2?family=Lato:wght@300&display=swap');

* {
    margin: 0;
    padding: 0;
  }

  .pic-wrapper {
    position: absolute;
    width: 100%;
    height: 35%;
    overflow: hidden;
  }

  figure {
    position: absolute;

    width: 100%;
    height: 100%;
    opacity: 0;
    /*animation*/

    animation: slideShow 40s linear infinite 0s;
    -o-animation: slideShow 40s linear infinite 0s;
    -moz-animation: slideShow 40s linear infinite 0s;
    -webkit-animation: slideShow 40s linear infinite 0s;
  }



  .pic-1 {
    opacity: 1;
    background: url("../images/slider/1.jpg") no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
  }

  .pic-2 {
    animation-delay: 6s;
    -o-animation-delay: 6s;
    -moz--animation-delay: 6s;
    -webkit-animation-delay: 6s;
    background: url("../images/slider/2.jpg") no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
  }

  .pic-3 {
    animation-delay: 11s;
    -o-animation-delay: 11s;
    -moz--animation-delay: 11s;
    -webkit-animation-delay: 11s;
    background: url("../images/slider/3.jpg") no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
  }
  
   .pic-4 {
    animation-delay: 16s;
    -o-animation-delay: 16s;
    -moz--animation-delay: 16s;
    -webkit-animation-delay: 16s;
    background: url("../images/slider/endoscopia.png") no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
  }
  
  .pic-5 {
    animation-delay: 21s;
    -o-animation-delay: 21s;
    -moz--animation-delay: 21s;
    -webkit-animation-delay: 21s;
    background: url("../images/slider/5.jpg") no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
  }
  
  .pic-6 {
    animation-delay: 26s;
    -o-animation-delay: 26s;
    -moz--animation-delay: 26s;
    -webkit-animation-delay: 26s;
    background: url("../images/slider/cardiologia.png") no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
  }
  
  .pic-7 {
    animation-delay: 31s;
    -o-animation-delay: 31s;
    -moz--animation-delay: 31s;
    -webkit-animation-delay: 31s;
    background: url("../images/slider/4.jpg") no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
  }
  
  
 
  
  
  /* keyframes*/

  @keyframes
  slideShow {  0% {
   opacity: 0;
   transform:scale(1);
   -ms-transform:scale(1);
  }
   5% {
   opacity: 1
  }
   25% {
   opacity: 1;
  }
   30% {
   opacity: 0;
   transform:scale(1.1);
   -ms-transform:scale(1.1);
  }
   100% {
   opacity: 0;
   transform:scale(1);
   -ms-transformm:scale(1);
  }
  }
   @-o-keyframes
  slideShow {  0% {
   opacity: 0;
   -o-transform:scale(1);
  }
   5% {
   opacity: 1
  }
   25% {
   opacity: 1;
  }
   30% {
   opacity: 0;
   -o-transform:scale(1.1);
  }
   100% {
   opacity: 0;
   -o-transformm:scale(1);
  }
  }
   @-moz-keyframes
  slideShow {  0% {
   opacity: 0;
   -moz-transform:scale(1);
  }
   5% {
   opacity: 1
  }
   25% {
   opacity: 1;
  }
   30% {
   opacity: 0;
   -moz-transform:scale(1.1);
  }
   100% {
   opacity: 0;
   -moz-transformm:scale(1);
  }
  }
   @-webkit-keyframes
  slideShow {  0% {
   opacity: 0;
   -webkit-transform:scale(1);
  }
   5% {
   opacity: 1
  }
   25% {
   opacity: 1;
  }
   30% {
   opacity: 0;
   -webkit-transform:scale(1.1);
  }
   100% {
   opacity: 0;
   -webkit-transformm:scale(1);
  }
  }


  .texto1{
    margin-top: 3em;
    font-size: 2em;
    color: white;
    text-align: center;
    font-family: 'Lato', sans-serif;
    text-align: center;

  }


