@import url('https://fonts.googleapis.com/css?family=Muli&display=swap'); 

.container {
  width: 98%;
  display: flex;
  padding: 0 20px;
}

.slide {
  position: relative;
  cursor: pointer;
  height: 80vh;
  flex: 1;
  margin: 10px;
  border-radius: 20px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  filter: saturate(15%);
  transition: .5s


}

.slide > img {
  width: 100%;
  height: 100%;
}

.slide > h3 {
  position: absolute;
  color: #fff;
  bottom: 10px;
  left: 10px;
  opacity: 0;
  transition: .5s
  
}

.slide.active {
  flex: 10;
  filter: saturate(115%);
}

.slide.active > h3{
  opacity: 1
}

/* Logos del footer */

.pie{
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
}

.redes{
    display: flex;
    flex-direction: row;
    align-items: center;
}

.footer_instagram > a > img{
    opacity: 0.65;
    filter: blur(1px);
}

.footer_instagram > a > img:hover{
  filter: blur(0px) drop-shadow(0px 0px 7px #fff) contrast(85%);
  transform: scale(1.1);
  transition: 0.5s ease;
}

.footer_linkedin{
    margin: auto 2vw;
}

.footer_linkedin > a > img{
    opacity: 0.65;
    filter: blur(1px);
}

.footer_linkedin > a > img:hover{
  filter: blur(0px) drop-shadow(0px 0px 10px #fff) contrast(85%);
  transform: scale(1.1);
  transition: 0.5s ease;
}

#img_gmail:hover{
  transform: scale(1.015);
  transition: 0.35s ease;
}