*{
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

:root {
    scroll-behavior: smooth;
}

body {
  font-family: 'open sans';
  background: #E9E4F0
}

.contenedor {
  padding: 60px 0;
  width: 90%;
  max-width: 1000px;
  margin: auto;
  overflow: hidden;
}

.titulo {
  color: #642a73;
  font-size: 30px;
  text-align: center;
  margin-bottom: 60px;
}

/* header */

header {
  width: 100%;
  height: 700px;
  background: #696057;
  /* fallback for old browsers */
  background: -webkit-linear-gradient(to right, #eee6e662, #e7d2e18e),
  url(../img/slider/portada.jpg);
  /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(to right, #543ab1a9, #464507af), url(../img/slider/portada.jpg);
  /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
  background-size: cover;
  background-attachment: fixed;
  position: relative;
}

.logo img{
  width: 120px;
  position: fixed;
  left: 10px;
  top: 3px;

}
nav {
  margin: 0 795px;
  padding: 30px 50px 0 30px;
  width: 570px;

}

nav > a {
  color: #ffff;
  font-weight: 300;  /* Hace mas ligera la fuente*/
  text-decoration: none; /*quita el subrayado de la parte de abajo */
  margin-right: 10px;   /*separa uno del otro elemento*/
}

nav > a:hover{
  text-decoration: underline; /*Al momento de poner el cursor en la etiqueta a se subraya*/
}

header .textos-header{
    display: flex;
    height: 430px;
    width: 100%;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    text-align: center;
}

.textos-header h1{
    font-size: 50px;
    color: #ffff;
}
.textos-header h2{
    font-size: 30px;
    font-weight: 300px;
    color: rgb(48, 45, 45);
}
.wave{
  position: absolute;
  bottom: 0;
  width: 100%;
}

/* about as*/

.contenedor-sobre-nosotros{
  display: flex;
  justify-content: space-evenly;
}

.contenedor-sobre-nosotros img{
  width: 550px;
  height: 600px;
}

.imagen-about-us{
  width: 48%;
}
.galeria-logos{
      width: 70%;
      height:100%;
      margin: 0px;
      display: flex;
      flex-wrap: wrap;
  }

.imagen-log > img{
   width: 210px;
   height: 170px;
   margin: 10px;
}
.sobre-nosotros .contenido-textos{
  width: 48%;
}

.contenido-textos h3{
  margin-bottom: 15px;
}

.contenido-textos h3 span{
  background: #4d0686;
  color: #fff;
  border-radius: 50%;
  display: inline-block;
  text-align: center;
  width: 30px;
  height: 30px;
  padding: 2px;
  margin-right: 5px;
}

.contenido-textos p{
  padding: 0px 0px 30px 15px;
  font-weight: 400;
  text-align: justify;
  font-size: 20px;
}

/* Galeria */

.portafolio{
  background: #f2f2f2;
}

.galeria-port{
  display: flex;
  justify-content: space-evenly;
  flex-wrap: wrap;
}

.imagen-port{
  width: 24%;
  margin-bottom: 10px;
  overflow: hidden;
  position: relative;
  cursor: pointer;
  box-shadow: 0 0 6px 0 rgba(0, 0, 0, .5);
}

.imagen-port > img{
   width: 100%;
   height: 100%;
   object-fit: cover;
   display: block;
}

.hover-galeria{
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  transform: scale(0);
  background: hsla(273,91%,27%, 0.7);
  transition: transform .5s;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.hover-galeria p{
  color: #fff;
}

.imagen-port:hover .hover-galeria{
    transform: scale(1);
}

/*Our team*/

section {
 padding: 30px;
}
.about-services {
  background: #DBDBDB;
  padding-bottom: 30px;
}

.servicio-cont{

  justify-content: space-evenly;
  align-items: center;

}

 .servicio-ind h3{
  width: 20px;
  height: 20px;
  object-fit: cover;
  border: 3px solid rgb(44, 42, 42);
  border-radius: 50%;
  background: #6D08A0;
}

.servicio-ind{
  width: 180%;
  height: 180%;
  display: flex;

}


.servicio-ind h3{
margin: 13px  15px;
}

.servicio-ind  p{
  width: 950px;
  font-weight: 400;
  font-size: 20px;
  text-align: justify;
  margin: 10px 0;
}

/*Videos*/

.about-videos{
  background: #ffff;
  padding-bottom: 30px;
}

.contenedor-videos .video{
  display: flex;
  justify-content: space-evenly;
  align-items: center;
}


footer{
  background: #414141;
  padding: 60px 0 30px 0;
  margin: auto;
}

.contenedor-footer{
  display: flex;
  width: 90%;
  justify-content: space-evenly;
  padding-bottom: 50px;
  margin: auto;
  border-bottom: 1px solid #ccc;
}

.content-foo {
  text-align: center;
}

.content-foo h4{
  color: #fff;
  border-bottom: 3px solid #fff;
  padding-bottom: 5px;
  margin-bottom: 10px;
}
.content-foo p {
  color: #ccc;
}
.titulo-final{
  text-align: center;
  padding-top: 15px;
  color: #ccc;
}



@media screen and (max-width:800px){

  header {
    background-position: center;
  }
  nav{
      margin: 0 auto;
    }

    .contenedor-sobre-nosotros{
      flex-direction: column;
      justify-content: center;
      align-items: center;
    }

    .sobre-nosotros .contenido-textos{
      width: 90%;
    }

    .imagen-about-us{
      width: 90%;
    }

    .imagen-port{
      width: 44%;
    }

    .cards{
      flex-direction: column;
      justify-content: center;
      align-items: center;
    }

    .cards .card{
      width: 90%;
    }
    .cards .card:first-child{
        margin-bottom: 30px;
    }

    .servicio-cont{
      justify-content: center;
      flex-direction: column;

    }

    .servicio-ind{
      width: 100%;
      text-align: center;
    }

    .servicio-ind:nth-child(1), .servicio-ind:nth-child(2){
      margin-bottom: 60px;
    }

    .servicio-ind img{
      width: 90%;
    }