/* Estilos para sitio web Siatmedia */
/* Importar fuentes */
@import url('https://fonts.googleapis.com/css?family=Darker+Grotesque:300,400,500,600,700,800,900&display=swap&subset=latin-ext,vietnamese');
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;0,800;1,300;1,400;1,600;1,700;1,800&display=swap');
/*
@import url(contacto.css);
*/
/* ---------------------------------- */
/* Configuracion global */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

/* Css del body */
body{
    font-family: 'Darker Grotesque', sans-serif;
}

/* todas las secciones tiene forma */
/* Seccion de la cabecera */
header {
    width: 100%;
    height: 50px;
    background: rgba(255, 255, 255);
    color:#000;
    position: fixed;
    top:0;
    left: 0;
    z-index: 100;
}

/* clase contenedor */
.contenedor {
    width: 100%;
    margin: auto;
}

/* clase contenedor de seccion header */
header .contenedor{
    display: table;
}

/* clase logo de imagen de empresa */
.logo {
  height: 50px;
}

/* Para menu */
#menu-bar{
  display: none;
}

/* Para etiqueta de 3 rayitas */
header label{
  float: right;
  font-size: 28px;
  margin: 6px 0;
  cursor: pointer;
}

/* Configuración del menu */
.menu {
  position: absolute;
  top: 50px;
  left: 0;
  width: 100%;
  height: 100vh;
  background: rgba(255, 255, 255);
  transition: all 0.5s;
  transform: translateX(-100%);
  margin-right: 200px;
  font-family: 'Darker Grotesque', sans-serif;
  font-size: 20px;
}

/* Configuracion de la etiqueta a */
.menu a {
  display: block;
  color:#000;
  height: 50px;
  text-decoration: none;
  padding: 15px;
  border-bottom: 1px solid rgba(255,255,255);
  transition: .4s all ease;
}

/* Configuracion de la etiqueta a al estar encima */
.menu a:hover{
  color: orange;
  text-decoration: none;
  padding-left: 20px;
  padding-right:  20px;
  padding-top: 10px;
  padding-bottom: 10px;
  font-weight: bold;
}

/* Configuracion de la seleccion de opcion */
.menu-seleccion {
  color: orange;
  text-decoration: none;
  padding-left: 20px;
  padding-right:  20px;
  padding-top: 10px;
  padding-bottom: 10px;
  font-weight: bold;
  background: rgba(220, 220, 220,0.8);
}

/* Configuracion de icono de menu */
#menu-bar:checked ~ .menu{
  transform: translateX(0%);
}
/* fin de la cabecera */
/* ---------------------------------- */
/* ---------------------------------- */
/* Configuracion de la etiqueta section */
section {
  width: 100%;
  margin-bottom: 0px;
}

/* Configuracion de la etiqueta h2 */
h2{
    color:DarkSlateGray;
    padding-bottom: 20px;
    font-size: 30px;
    font-family: 'Open Sans', sans-serif;
}

/* Configuracion de la etiqueta h3 */
h3{
    float: center;
    color:DarkSlateGray;
    font-size: 26px;
    padding-bottom: 20px;
    font-family: 'Open Sans', sans-serif;
}

/* Configuracion de la etiqueta h4 */
h4{
    color:DarkSlateGray;
    font-size: 22px;
    padding-bottom: 20px;
}

/* ---------------------------------- */
/* ---------------------------------- */
/* configuracion Seccion Banner */
#banner {
  margin-top: 50px;
  position: relative;
}

/* configuracion de imagen del  Banner */
#banner img {
  width: 100%;
  height: 100%;
}

/* configuracion de contenedor del banner */
#banner .contenedor {
  position: absolute;
  top: 50%;
  left: 50%;
  text-align: center;
  transform: translateX(-50%) translateY(-50%);
}
/* fin de seccion banner */
/* ---------------------------------- */
/* ---------------------------------- */
/* Seccion bienvenidos */
#bienvenidos
 {
    margin-top:30px;
    text-align: center;
    color: gray;
    padding-left: 10%;
    padding-right: 10%;
    margin-bottom: 30px;
}

/* elemento h2 con id bienvenidos */
#bienvenidos h2{
  color:DarkSlateGray;
  padding-bottom: 20px;
  font-size: 30px;
  font-family: 'Open Sans', sans-serif;
}

/* elemento h3 con id bienvenidos */
#bienvenidos h3{
  color:DarkSlateGray;
  font-size: 28px;
  padding-bottom: 20px;
  font-family: 'Open Sans', sans-serif;
}

/* elemento h4 con id bienvenidos */
#bienvenidos h4{
  font-size: 26px;
  padding-bottom: 20px;
  color:DarkSlateGray;
  line-height: 1.5;
}

/* elemento p con id bienvenidos */
#bienvenidos p{
  font-size: 24px;
  padding-bottom: 20px;
  color:DarkSlateGray;
  line-height: 1.5;
}

/* clase contenedor con id bienvenidos */
#bienvenidos .contenedor{
    /* El contenedor principal de la linea 43 */
    /* esta presente en esta parte */
    width: 100%;
    margin: auto;
}
#bienvenidos img {
  width: 100%;
  height: 100%;
}
/* ---------------------------------- */
/* ---------------------------------- */
/* seccion recomendaciones */
#recomendaciones {
  margin-top: 30px;
  margin-bottom: 30px;
  text-align: center;
  color: gray;
  background: LavenderBlush;
  
  width: 100%;
}

/* elemento h2 con id recomendaciones */
#recomendaciones h2 {
  color:DarkSlateGray;
  padding-bottom: 20px;
  font-size: 30px;
  font-family: 'Open Sans', sans-serif;
}

/* elemento h3 con id recomendaciones */
#recomendaciones h3 {
  color:DarkSlateGray;
  padding-bottom: 20px;
  font-size: 26px;
  font-family: 'Open Sans', sans-serif;
}

/* elemento h4 con id recomendaciones */
#recomendaciones h4 {
  color:DarkSlateGray;
  padding-bottom: 20px;
  font-size: 20px;
  font-family: 'Open Sans', sans-serif;
}

/* elemento p con id recomendaciones */
#recomendaciones p {
  font-size: 22px;
  padding-bottom: 20px;
  color: DarkSlateGray;
  line-height: 1.5;
  width: 100%;
  max-width: 280px;
}

/* clase contenedor con id recomendaciones */
#recomendaciones .contenedor {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}

/* clase contenedor1 con id recomendaciones */
#recomendaciones .contenedor1 {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}

/* clase contenedor2 con id recomendaciones */
#recomendaciones .contenedor2 {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}

/* clase contenedor3 con id recomendaciones */
#recomendaciones .contenedor3 {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}

/* elemento article con id recomendaciones */
#recomendaciones article{
  margin: 15px;
}
/* Fin de seccion recomendaciones */
/* ----------------------------------------- */
/* ----------------------------------------- */
/* Seccion blog */
/* identificacion blog */
#blog {
  margin-top: 30px;
  margin-bottom: 30px;
  text-align: center;
  color: gray;
  background:#fff;
  padding-left: 10%;
  padding-right: 10%;
}

/* elemento h2 identificacion blog */
#blog h2 {
  color:DarkSlateGray;
  padding-bottom: 20px;
  font-size: 30px;
  font-family: 'Open Sans', sans-serif;
}

/* elemento h3 identificacion blog */
#blog h3 {
  color:DarkSlateGray;
  padding-bottom: 20px;
  font-size: 28px;
  font-family: 'Open Sans', sans-serif;
}

/* elemento h4 identificacion blog */
#blog h4 {
  color:DarkSlateGray;
  padding-bottom: 20px;
  font-size: 26px;
  font-family: 'Open Sans', sans-serif;
}

/* elemento p identificacion blog */
#blog p{
  font-size: 24px;
  padding-bottom: 20px;
  color:DarkSlateGray;
  line-height: 1.5;
}

/* clase contenedor1 identificacion blog */
#blog .contenedor1 {
  width: 100%;
  background: #fff;
}

/*elemento img con identificador blog*/
#blog img{
  width: 100%;
}

/*elemento a con identificador blog*/
#blog a{
  font-size: 20px;
  padding-bottom: 20px;
  text-decoration:  none;
}

/* clase contenedor identificador blog */
#blog .contenedor {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}

/*elemento article con identificador blog*/
#blog article{
  margin: 15px;
}
/*  fin de seccion blog */
/* --------------------------------------------- */
/* --------------------------------------------- */
/* Seccion cloud */
/* identificador cloud */
#cloud {
  margin-top: 30px;
  margin-bottom: 30px;
  text-align: center;
  color: gray;
  background: white;
  padding-left: 10%;
  padding-right: 10%;
  width: 100%;
}

/* elemento h2 identificador cloud */
#cloud h2 {
  color:DarkSlateGray;
  padding-bottom: 20px;
  font-size: 30px;
  font-family: 'Open Sans', sans-serif;
  text-align: center;
}

/* elemento h3 identificador cloud */
#cloud h3 {
  color:DarkSlateGray;
  padding-bottom: 20px;
  font-size: 28px;
  font-family: 'Open Sans', sans-serif;
  text-align: center;
}

/* elemento h4 identificador cloud */
#cloud h4 {
  color:DarkSlateGray;
  padding-bottom: 20px;
  font-size: 26px;
  font-family: 'Open Sans', sans-serif;
  text-align: center;
}

/* elemento p identificador cloud */
#cloud p {
  font-size: 24px;
  padding-bottom: 20px;
  color:DarkSlateGray;
  line-height: 1.5;
  background-color: #fff;
}

/* elemento cloud identificador cloud */
#cloud .cloud{
  font-size: 24px;
  padding-bottom: 20px;
  color:DarkSlateGray;
  line-height: 1;
  text-align: left;
}

/* elemento img clase cloud */
.cloud img {
  width: 250px;
  height: 250px;
  border-radius: 40%;
  border: 1px solid SaddleBrown;
}

/* clase contenedor identificador cloud */
#cloud .contenedor {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

/* clase contenedor2 identificador cloud */
#cloud .contenedor2 {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

/* clase contenedor3 identificador cloud */
#cloud .contenedor3 {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  width: 100%;
  margin: auto;
  background: LavenderBlush;
}
/* clase encuentramos identificador cloud */
#cloud .encuentranos{
  color:#fff;
  line-height: 20px;
  margin-bottom:-15px;
}
/* fin de seccion cloud */
/* ---------------------- */
/* ---------------------- */
/* Seccion proyectos */
#proyectos {
  margin-top: 30px;
  margin-bottom: 30px;
  text-align: center;
  color: gray;
  background: white;
}

/* elemento h2 identificador proyectos */
#proyectos h2 {
  color:DarkSlateGray;
  padding-bottom: 20px;
  font-size: 30px;
  font-family: 'Open Sans', sans-serif;
  text-align: center;
}

/* elemento h3 identificador proyectos */
#proyectos h3 {
  color:DarkSlateGray;
  padding-bottom: 20px;
  font-size: 28px;
  font-family: 'Open Sans', sans-serif;
  text-align: center;
}

/* elemento h4 identificador proyectos */
#proyectos h4 {
  color:DarkSlateGray;
  padding-bottom: 20px;
  font-size: 26px;
  font-family: 'Open Sans', sans-serif;
  text-align: center;
}

/* elemento p identificador proyectos */
#proyectos p {
  font-size: 24px;
  padding-bottom: 20px;
  color:DarkSlateGray;
  line-height: 1.5;
  background-color: #fff;
}
/* clase contenedor identificador proyectos */
#proyectos .contenedor {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}

/* clase contenedor1 identificador proyectos */
#proyectos .contenedor1 {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  width: 100%;
  background: white;
}

/* clase contenedor2 identificador proyectos */
#proyectos .contenedor2 {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}

/* clase contenedor3 identificador proyectos */
#proyectos .contenedor3 {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}

/* elementos h3,h4 identificador proyectos */
#proyectos h3,h4{
  text-align: center;
  padding-bottom: 20px;
}

/* elemento article identificador proyectos */
#proyectos article{
  margin: 15px;
}

.proyectos {
  width: 340px;
}
/* fin seccion proyectos */
/* --------------------------------------------- */
/* --------------------------------------------- */
/* Seccion noticias */
#noticias {
  margin-top: -30px;
  margin-bottom: 30px;
  text-align: center;
  color: gray;
  background: LavenderBlush;
}

/* */
#noticias .contenedor1 {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}

/* */
#noticias .contenedor2 {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}

/* */
#noticias .contenedor3 {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}

/* */
#noticias .contenedor {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}

/* */
#noticias article{
  margin: 15px;
}


/* Pagina nosotros.html*/
/* Id para seccion Nosotros de pagina Nosotros*/
#nosotros {
    margin-top:30px;
    text-align: left;
    color: gray;
    padding-left: 10%;
    padding-right: 10%;
    margin-bottom: 30px;
}

img #nosotros {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.nosotros {
    padding-left: 5%;
    padding-right: 5%;
    margin-bottom: 30px;
}


footer .contenedor {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.copy{
    font-size: 20px;
    color: #fff;
}

.sociales{
    width: 100%;
    text-align: center;
    font-size: 28px;
}

.sociales a{
    color:#aaa;
    text-decoration: none;
}

/* Seccion proyectos */
#proyectos {
  margin-top: 30px;
  margin-bottom: 30px;
  text-align: center;
  color: gray;
  background: white;
  padding-left: 5%;
  padding-right: 5%;
  width: 100%;
}

/* elemento h2 identificador nosotros */
#nosotros h2 {
  color:DarkSlateGray;
  padding-bottom: 20px;
  font-size: 32px;
  font-family: 'Open Sans', sans-serif;
  text-align: center;
}

/* elemento h3 identificador nosotros */
#nosotros h3 {
  color:DarkSlateGray;
  padding-bottom: 20px;
  font-size: 30px;
  font-family: 'Open Sans', sans-serif;
  text-align: center;
}

/* elemento h4 identificador nosotros */
#nosotros h4 {
  color:DarkSlateGray;
  padding-bottom: 20px;
  font-size: 28px;
  font-family: 'Open Sans', sans-serif;
  text-align: center;
}

/* elemento p identificador nosotros */
#nosotros p {
  font-size: 26px;
  padding-bottom: 20px;
  color:DarkSlateGray;
  line-height: 1.5;
  background-color: #fff;
}


/* Para el logotipo y el icono del menu */
.logo .icon-menu{
  margin: 5px;
  color: #000;
}

.footer {
  background: #000;
  color: #fff;
  padding: 0px;
  text-align: center;
  position: static;
  padding-top: 30px;
}

.footer .social [class^="icon"] {
  display: inline-block;
  color: #333;
  text-decoration: none;
  font-size: 25px;
  padding: 10px;
  background: white;
  border-radius: 50%;
  width: 50px;
  height: 50px;
  line-height: 40px;
  cursor: pointer;
}

.video-responsive {
  position: relative;
  padding-bottom: 56.25%; /* 16/9 ratio */
  padding-top: 30px; /* IE6 workaround*/
  height: 0;
  overflow: hidden;
}

.video-responsive iframe,
.video-responsive object,
.video-responsive embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.centrado {
  
  margin: 0 auto;
  width: 304px;
}

#banner h1 {
  margin-top: 10px;
  font-size: 50px;
  color: Orange;
  line-height: 2;
}

#banner h2 {
  margin-top: 10px;
  font-size: 38px;
  color: white;
}

#banner a{
  display: block;
  width: 15%;
  color:rgba(138, 43, 226,0.5);
  text-decoration: none;
  padding: 2.5rem;
  margin: auto;
  border: 4px solid #fff;
  color: #fff;
  font-size: 28px;
  text-align: center;
  border-radius: 10px;
  transition: .4s all ease;
}

#banner a:hover {
  background: rgba(255, 140, 0,0.8);
  color:#000;
}

#banner p {
  font-size: 40px;
  color: white;
  text-shadow: 1px 1px black;
  line-height: 1.5;
}

#banner .contenedor1 {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
}


/* Diseño responsivo */
/* Media query */


/* ---------------------------320------------------------------------*/
@media(min-width:320px){
   /* ---------------------- */
  /* Seccion de banner */
  #banner h1 {
    margin-top: 4px;
    font-size: 18px;    
    color: Orange;
    line-height: 0.5;
  }

  #banner h2 {
    margin-top: 4px;
    font-size: 15px;
    color: white;
    padding-bottom: 5px;
  }

  /* Configuracion de la etiqueta h3 */
  #banner h3{
    margin-top: 5px;
    font-size: 13px;
    color: white;
    padding-bottom: 5px;
  }

  #banner p {
    font-size: 14px;
    color: white;
    text-shadow: 1px 1px black;
    line-height: 1;
  }

  #banner a{
    display: block;
    width: 27%;
    color:rgba(138, 43, 226,0.5);
    text-decoration: none;
    padding: 0.25rem;
    margin: auto;
    border: 2px solid #fff;
    color: #000;
    font-size: 9px;
    text-align: center;
    border-radius: 20px;
    transition: .4s all ease;
    background-color: darkorange;
    font-family: 'Open sans';
  }

  #banner a:hover {
    background: rgba(255, 140, 0,0.8);
    color:#000;
  }

  /* ---------------------- */
  /* Seccion de bienvenidos */
  #bienvenidos {
    margin-top:30px;
    text-align: center;
    color: gray;
    padding-left: 5%;
    padding-right: 5%;
    margin-bottom: 30px;
  }

  #bienvenidos h2{
    color:DarkSlateGray;
    padding-bottom: 20px;
    font-size: 26px;
    font-family: 'Open Sans', sans-serif;
  }

  #bienvenidos h3{
    color:DarkSlateGray;
    font-size: 24px;
    padding-bottom: 20px;
    font-family: 'Open Sans', sans-serif;
  }

  #bienvenidos h4{
    font-size: 22px;
    padding-bottom: 20px;
    color:DarkSlateGray;
    line-height: 1.5;
  }

  #bienvenidos p{
    font-size: 20px;
    padding-bottom: 20px;
    color:DarkSlateGray;
    line-height: 1.5;
  }

  #bienvenidos .contenedor{
    /* El contenedor principal de la linea 43 */
      /* esta presente en esta parte */
      width: 100%;
      margin: auto;
  }
  /* ---------------------- */

  /* elemento h2 con id recomendaciones */
  #recomendaciones {
    margin-top: 30px;
    margin-bottom: 30px;
    text-align: center;
    color: gray;
    background: LavenderBlush;    
    width: 100%;
    padding-left: 5%;
    padding-right: 5%;    
  }

  #recomendaciones h2 {
    color:DarkSlateGray;
    padding-bottom: 20px;
    font-size: 26px;
    font-family: 'Open Sans', sans-serif;
  }

  /* elemento h3 con id recomendaciones */
  #recomendaciones h3 {
    color:DarkSlateGray;
    padding-bottom: 20px;
    font-size: 24px;
    font-family: 'Open Sans', sans-serif;
  }

  /* elemento h4 con id recomendaciones */
  #recomendaciones h4 {
    color:DarkSlateGray;
    padding-bottom: 20px;
    font-size: 22px;
    font-family: 'Open Sans', sans-serif;
  }

  /* elemento p con id recomendaciones */
  #recomendaciones p {
    font-size: 20px;
    padding-bottom: 20px;
    color: DarkSlateGray;
    line-height: 1.5;
    width: 100%;
    max-width: 300px;
  }
  
  /* inicio de seccion blog*/
  #blog {
    margin-top: 30px;
    margin-bottom: 30px;
    text-align: center;
    color: gray;
    background:#fff;
    padding-left: 5%;
    padding-right: 5%;
  }
  #blog h2 {
    color:DarkSlateGray;
    padding-bottom: 20px;
    font-size: 26px;
    font-family: 'Open Sans', sans-serif;
  }

  /* elemento h3 identificacion blog */
  #blog h3 {
    color:DarkSlateGray;
    padding-bottom: 20px;
    font-size: 24px;
    font-family: 'Open Sans', sans-serif;
  }

  /* elemento h4 identificacion blog */
  #blog h4 {
    color:DarkSlateGray;
    padding-bottom: 20px;
    font-size: 22px;
    font-family: 'Open Sans', sans-serif;
  }

  /* elemento p identificacion blog */
  #blog p{
    font-size: 20px;
    padding-bottom: 20px;
    color:DarkSlateGray;
    line-height: 1.5;
  }
  /* */
  /* Inicio de Cloud*/
  #cloud {
    margin-top: 30px;
    margin-bottom: 30px;
    text-align: center;
    color: gray;
    background: white;
    padding-left: 5%;
    padding-right: 5%;
    width: 100%;
  }

  /* elemento h2 identificador cloud */
  #cloud h2 {
    color:DarkSlateGray;
    padding-bottom: 20px;
    font-size: 26px;
    font-family: 'Open Sans', sans-serif;
    text-align: center;
  }

  /* elemento h3 identificador cloud */
  #cloud h3 {
    color:DarkSlateGray;
    padding-bottom: 20px;
    font-size: 24px;
    font-family: 'Open Sans', sans-serif;
    text-align: center;
  }

  /* elemento h4 identificador cloud */
  #cloud h4 {
    color:DarkSlateGray;
    padding-bottom: 20px;
    font-size: 22px;
    font-family: 'Open Sans', sans-serif;
    text-align: center;
  }

  /* elemento p identificador cloud */
  #cloud p {
    font-size: 20px;
    padding-bottom: 20px;
    color:DarkSlateGray;
    line-height: 1.5;
    background-color: #fff;
  }

  #cloud .cloud{
    padding-bottom: 18px;
    color:DarkSlateGray;
    line-height: 1;
    text-align: center;    
  }
   #cloud img{
    width: 100%;
    max-width: 340px;    
  }

  /* Seccion proyectos */
  #proyectos {
    margin-top: 30px;
    margin-bottom: 30px;
    text-align: center;
    color: gray;
    background: white;
    padding-left: 5%;
    padding-right: 5%;
    width: 100%;
  }

  /* elemento h2 identificador proyectos */
  #proyectos h2 {
    color:DarkSlateGray;
    padding-bottom: 20px;
    font-size: 26px;
    font-family: 'Open Sans', sans-serif;
    text-align: center;
  }

  /* elemento h3 identificador proyectos */
  #proyectos h3 {
    color:DarkSlateGray;
    padding-bottom: 20px;
    font-size: 24px;
    font-family: 'Open Sans', sans-serif;
    text-align: center;
  }

  /* elemento h4 identificador proyectos */
  #proyectos h4 {
    color:DarkSlateGray;
    padding-bottom: 20px;
    font-size: 22px;
    font-family: 'Open Sans', sans-serif;
    text-align: center;
  }

  /* elemento p identificador proyectos */
  #proyectos p {
    font-size: 20px;
    padding-bottom: 20px;
    color:DarkSlateGray;
    line-height: 1.5;
    background-color: #fff;
  }

  /* Seccion noticias */
  #noticias {
    margin-top: -30px;
    margin-bottom: 30px;
    text-align: center;
    color: gray;
    background: LavenderBlush;
    padding-left: 5%;
    padding-right: 5%;
    width: 100%;
  }

  /* elemento h2 identificador noticias */
  #noticias h2 {
    color:DarkSlateGray;
    padding-bottom: 20px;
    font-size: 26px;
    font-family: 'Open Sans', sans-serif;
    text-align: center;
  }

  /* elemento h3 identificador noticias */
  #noticias h3 {
    color:DarkSlateGray;
    padding-bottom: 20px;
    font-size: 24px;
    font-family: 'Open Sans', sans-serif;
    text-align: center;
  }

  /* elemento h4 identificador noticias */
  #noticias h4 {
    color:DarkSlateGray;
    padding-bottom: 20px;
    font-size: 22px;
    font-family: 'Open Sans', sans-serif;
    text-align: center;
  }

  /* elemento p identificador noticias */
  #noticias p {
    font-size: 20px;
    padding-bottom: 20px;
    color:DarkSlateGray;
    line-height: 1.5;
    background-color: #fff;
  }

  #contacto {
    background: Snow;
    color: #333;
    text-align: center;
    margin-top:-30px;
    padding-left: 5%;
    padding-right: 5%;
    width: 100%;
  }

  /* elemento h2 identificador noticias */
  #contacto h2 {
    color:DarkSlateGray;
    padding-bottom: 20px;
    font-size: 26px;
    font-family: 'Open Sans', sans-serif;
    text-align: center;
  }

  /* elemento h3 identificador noticias */
  #contacto h3 {
    color:DarkSlateGray;
    padding-bottom: 20px;
    font-size: 24px;
    font-family: 'Open Sans', sans-serif;
    text-align: center;
  }

  /* elemento h4 identificador noticias */
  #contacto h4 {
    color:DarkSlateGray;
    padding-bottom: 20px;
    font-size: 22px;
    font-family: 'Open Sans', sans-serif;
    text-align: center;
  }

  /* elemento p identificador noticias */
  #contacto p {
    font-size: 20px;
    padding-bottom: 20px;
    color:DarkSlateGray;
    line-height: 1.5;
    background-color: #fff;
  }

  #contacto .contenedor2 {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }

  .contacto {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 5px;
    padding-right: 5px;
    width: 320px;
    border-radius: 5px;
    font-size: 14px;
  }

  textarea .contacto{
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 5px;
    padding-right: 5px;
    width: 320px;
    border-radius: 5px;
  }

  .boton1 {
    text-decoration: none;
    padding: 10px;
    font-weight: 600;
    font-size: 20px;
    color: #ffffff;
    background-color: #FF9800;
    border-radius: 20px;
    border: 2px solid #0a0a0a;
    width: 300px;
  }

  #mapa {
    margin-top: 30px;
    margin-bottom: 30px;
    text-align: center;
    color: gray;
    background: LavenderBlush;
    
    width: 100%;
  }

  #mapa h2{
    font-size: 26px;
    text-align: center;
    color: DarkSlateGray;
    font-family: 'Open Sans', sans-serif;
  }

  #mapa h3{
    font-size: 24px;
    text-align: center;
    color: DarkSlateGray;
    font-family: 'Open Sans', sans-serif;
  }

  #mapa h4{
    font-size: 22px;
    text-align: center;
    color: DarkSlateGray;
    font-family: 'Open Sans', sans-serif;
    font-size: 22px;
  }

  #mapa p{
    font-size: 20px;
    padding-bottom: 0;
   /*font-family: 'Open Sans', sans-serif;*/
  }
  #mapa iframe{
    width: 315px;
    height: 320px;    
  }

  #pcontacto {
    background: Snow;
    color: #333;
    text-align: center;
    margin-top:30px;    
    padding-right: 5%;
    width: 100%;
  }

  #pcontacto .contacto {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 5px;
    padding-right: 5px;
    width: 300px;
    border-radius: 5px;
    color: black;
  }

  #pcontacto h2{
    font-size: 26px;
    text-align: center;
    color: DarkSlateGray;
    font-family: 'Open Sans', sans-serif;
  }

  #pcontacto h3{
    font-size: 24px;
    text-align: center;
    color: DarkSlateGray;
    font-family: 'Open Sans', sans-serif;
  }

  #pcontacto h4{
    font-size: 22px;
    text-align: center;
    color: DarkSlateGray;
    font-family: 'Open Sans', sans-serif;
    font-size: 22px;
  }

  #pcontacto p{
    font-size: 20px;
    padding-bottom: 0;
    color: black;
  }

  #pcontacto .contenedor3 {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width: 100%;
    margin: auto;    
  }

  #encuentranos {
    background: #000;
    color: #fff;
    text-align: center;
    margin-top:0px;
  }
  #encuentranos h3{
    text-align: center;
    color: white;
    font-family: 'Open Sans', sans-serif;
  }

  #encuentranos h4{
    text-align: center;
    color: white;
    font-family: 'Open Sans', sans-serif;
    font-size: 22px;
    padding-top: 5px;
  }

  #encuentranos p{
    font-size: 17px;
    padding-bottom: 0;
    /*font-family: 'Open Sans', sans-serif;*/
  }

  #encuentranos .contenedor {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }

  #encuentranos .contenedor2 {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }

  #encuentranos .contenedor3 {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width: 100%;
    margin: auto;
    background: #000;
  }

  #encuentranos .encuentranos{
    color:#fff;
    line-height: 20px;
    margin-bottom:-15px;
  }

  /* elemento h2 identificador nosotros */
  #nosotros h2 {
    color:DarkSlateGray;
    padding-bottom: 20px;
    font-size: 26px;
    font-family: 'Open Sans', sans-serif;
    text-align: center;
  }

  /* elemento h3 identificador nosotros */
  #nosotros h3 {
    color:DarkSlateGray;
    padding-bottom: 20px;
    font-size: 24px;
    font-family: 'Open Sans', sans-serif;
    text-align: center;
  }

  /* elemento h4 identificador nosotros */
  #nosotros h4 {
    color:DarkSlateGray;
    padding-bottom: 20px;
    font-size: 22px;
    font-family: 'Open Sans', sans-serif;
    text-align: center;
  }

  /* elemento p identificador nosotros */
  #nosotros p {
    font-size: 20px;
    padding-bottom: 20px;
    color:DarkSlateGray;
    line-height: 1.5;
    background-color: #fff;
  } 
}

/* --------------------------------------- 360 ---------------*/
@media(max-width:360px){
  #banner h1 {
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 17px;
    color: Orange;
    line-height: 1.5px;
    padding-bottom: 10px;
  }

   #banner h2 {
    margin-top: -20px;
    font-size: 15px;
    color: white;
    padding-bottom: 0px;
  }

  #banner p {
    font-size: 12px;
    color: white;
    text-shadow: 1px 1px black;
    line-height: 0;
  }

  #banner a{
    display: block;
    width: 24%;
    color:rgba(138, 43, 226,0.5);
    text-decoration: none;
    padding: 0.25rem;
    margin: auto;
    border: 2px solid #fff;
    color: #fff;
    font-size: 8px;
    text-align: center;
    border-radius: 20px;
    transition: .4s all ease;
    background-color: darkorange;
  }

  #banner a:hover {
    background: rgba(255, 140, 0,0.8);
    color:#000;
  }

  #cloud .cloud{
      font-size: 14px;
      padding-bottom: 20px;
      color:DarkSlateGray;
      line-height: 1.5;
      text-align: center;
  }

  #mapa {
    margin-top: 30px;
    margin-bottom: 30px;
    text-align: center;
    color: gray;
    background: LavenderBlush;
    
    width: 100%;
  }

  #mapa iframe{
    width: 315px;
    height: 320px;    
  }

  #pcontacto .contacto {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 5px;
    padding-right: 5px;
    width: 360px;
    border-radius: 5px;
    color: black;
  }

  textarea .contacto{
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 5px;
    padding-right: 5px;
    width: 360px;
    border-radius: 5px;
  }

  h2{
    float: center;
    color: orange;
    padding-bottom: 20px;
    padding-top: 20px;
    font-size: 20px;
  }

  h3{
    float: center;
    color:DarkSlateGray;
    font-size: 15px;
    padding-bottom: 20px;
  }

  h4{
    color:DarkSlateGray;
    font-size: 13px;
    padding-bottom: 20px;
  }

  p{
    font-size: 16px;
    padding-bottom: 20px;
    color:DarkSlateGray;
    line-height: 1.5;
  }

  #pcontacto {    
    color: #333;
    text-align: center;
    margin-top:30px;
    padding-right: 5%;
    width: 100%;
  }

  #pcontacto .contacto {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 5px;
    padding-right: 5px;
    width: 300px;
    border-radius: 5px;
    color: black;
  }

  #pcontacto h2{
    font-size: 26px;
    text-align: center;
    color: DarkSlateGray;
    font-family: 'Open Sans', sans-serif;
  }

  #pcontacto h3{
    font-size: 24px;
    text-align: center;
    color: DarkSlateGray;
    font-family: 'Open Sans', sans-serif;
  }

  #pcontacto h4{
    font-size: 22px;
    text-align: center;
    color: DarkSlateGray;
    font-family: 'Open Sans', sans-serif;
    font-size: 22px;
  }

  #pcontacto p{
    font-size: 20px;
    padding-bottom: 0;
    color:black;
  }

  #pcontacto .contenedor3 {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width: 100%;
    margin: auto;
    
  }

  #encuentranos .contenedor3 {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width: 100%;
    margin: auto;
    background: #000;
  }

  #encuentranos .encuentranos{
    color:#fff;
    line-height: 20px;
    margin-bottom:0px;
    margin-top: 10px;
  }

  #encuentranos h4{
    text-align: center;
    color: white;
    font-family: 'Open Sans', sans-serif;
    font-size: 22px;
    padding-top: 5px;
  }

}

/* ------------------------------430---------------------------------- */
@media(min-width:430px){
  #banner h1 {
    margin-top: 5px;
    font-size: 20px;
    color: Orange;
    line-height: 1.5;
  }

  #banner h2 {
    margin-top: 5px;
    font-size: 14px;
    color: white;
    padding-bottom: 10px;
  }

  /* Configuracion de la etiqueta h3 */
  #banner h3{
    margin-top: 5px;
    font-size: 12px;
    color: white;
    padding-bottom: 10px;
  }

  #banner p {
    font-size: 10px;
    color: white;
    text-shadow: 1px 1px black;
    line-height: 1;
  }

  #banner a{
    display: block;
    width: 20%;
    color:rgba(138, 43, 226,0.5);
    text-decoration: none;
    padding: 0.25rem;
    margin: auto;
    border: 2px solid #fff;
    color: #000;
    font-size: 8px;
    text-align: center;
    border-radius: 20px;
    transition: .4s all ease;
    background-color: darkorange;
    font-family: 'Open sans';
  }

  #banner a:hover {
    background: rgba(255, 140, 0,0.8);
    color:#000;
  }

  /* ---------------------- */
  /* Seccion de bienvenidos */
  #bienvenidos
  {
      margin-top:30px;
      text-align: center;
      color: gray;
      padding-left: 10%;
      padding-right: 10%;
      margin-bottom: 30px;
  }

  #bienvenidos h2{
    color:DarkSlateGray;
    padding-bottom: 20px;
    font-size: 24px;
    font-family: 'Open Sans', sans-serif;
  }

  #bienvenidos h3{
    color:DarkSlateGray;
    font-size: 22px;
    padding-bottom: 20px;
    font-family: 'Open Sans', sans-serif;
  }

  #bienvenidos h4{
    font-size: 20px;
    padding-bottom: 20px;
    color:DarkSlateGray;
    line-height: 1.5;
  }

  #bienvenidos p{
    font-size: 18px;
    padding-bottom: 20px;
    color:DarkSlateGray;
    line-height: 1.5;
  }

  #bienvenidos .contenedor{
      /* El contenedor principal de la linea 43 */
      /* esta presente en esta parte */
      width: 100%;
      margin: auto;
  }
    /* ---------------------- */
  /* elemento h2 con id recomendaciones */
  #recomendaciones {
    margin-top: 30px;
    margin-bottom: 30px;
    text-align: center;
    color: gray;
    background: LavenderBlush;    
    width: 100%;
    padding-left: 5%;
    padding-right: 5%;    
  }

  #recomendaciones h2 {
    color:DarkSlateGray;
    padding-bottom: 20px;
    font-size: 26px;
    font-family: 'Open Sans', sans-serif;
  }

  /* elemento h3 con id recomendaciones */
  #recomendaciones h3 {
    color:DarkSlateGray;
    padding-bottom: 20px;
    font-size: 24px;
    font-family: 'Open Sans', sans-serif;
  }

  /* elemento h4 con id recomendaciones */
  #recomendaciones h4 {
    color:DarkSlateGray;
    padding-bottom: 20px;
    font-size: 22px;
    font-family: 'Open Sans', sans-serif;
  }

  /* elemento p con id recomendaciones */
  #recomendaciones p {
    font-size: 20px;
    padding-bottom: 20px;
    color: DarkSlateGray;
    line-height: 1.5;
    width: 100%;
    max-width: 300px;
  }
  
  /* inicio de seccion blog*/
  #blog {
    margin-top: 30px;
    margin-bottom: 30px;
    text-align: center;
    color: gray;
    background:#fff;
    padding-left: 5%;
    padding-right: 5%;
  }
  #blog h2 {
    color:DarkSlateGray;
    padding-bottom: 20px;
    font-size: 26px;
    font-family: 'Open Sans', sans-serif;
  }

  /* elemento h3 identificacion blog */
  #blog h3 {
    color:DarkSlateGray;
    padding-bottom: 20px;
    font-size: 24px;
    font-family: 'Open Sans', sans-serif;
  }

  /* elemento h4 identificacion blog */
  #blog h4 {
    color:DarkSlateGray;
    padding-bottom: 20px;
    font-size: 22px;
    font-family: 'Open Sans', sans-serif;
  }

  /* elemento p identificacion blog */
  #blog p{
    font-size: 20px;
    padding-bottom: 20px;
    color:DarkSlateGray;
    line-height: 1.5;
  }
  /* */
  /* Inicio de Cloud*/
  #cloud {
    margin-top: 30px;
    margin-bottom: 30px;
    text-align: center;
    color: gray;
    background: white;
    padding-left: 5%;
    padding-right: 5%;
    width: 100%;
  }

  /* elemento h2 identificador cloud */
  #cloud h2 {
    color:DarkSlateGray;
    padding-bottom: 20px;
    font-size: 26px;
    font-family: 'Open Sans', sans-serif;
    text-align: center;
  }

  /* elemento h3 identificador cloud */
  #cloud h3 {
    color:DarkSlateGray;
    padding-bottom: 20px;
    font-size: 24px;
    font-family: 'Open Sans', sans-serif;
    text-align: center;
  }

  /* elemento h4 identificador cloud */
  #cloud h4 {
    color:DarkSlateGray;
    padding-bottom: 20px;
    font-size: 22px;
    font-family: 'Open Sans', sans-serif;
    text-align: center;
  }

  /* elemento p identificador cloud */
  #cloud p {
    font-size: 20px;
    padding-bottom: 20px;
    color:DarkSlateGray;
    line-height: 1.5;
    background-color: #fff;
  }

  #cloud .cloud{
    padding-bottom: 18px;
    color:DarkSlateGray;
    line-height: 1;
    text-align: center;    
  }
   #cloud img{
    width: 100%;
    max-width: 420px;    
  }

  /* Seccion proyectos */
  #proyectos {
    margin-top: 30px;
    margin-bottom: 30px;
    text-align: center;
    color: gray;
    background: white;
    padding-left: 5%;
    padding-right: 5%;
    width: 100%;
  }

  /* elemento h2 identificador proyectos */
  #proyectos h2 {
    color:DarkSlateGray;
    padding-bottom: 20px;
    font-size: 26px;
    font-family: 'Open Sans', sans-serif;
    text-align: center;
  }

  /* elemento h3 identificador proyectos */
  #proyectos h3 {
    color:DarkSlateGray;
    padding-bottom: 20px;
    font-size: 24px;
    font-family: 'Open Sans', sans-serif;
    text-align: center;
  }

  /* elemento h4 identificador proyectos */
  #proyectos h4 {
    color:DarkSlateGray;
    padding-bottom: 20px;
    font-size: 22px;
    font-family: 'Open Sans', sans-serif;
    text-align: center;
  }

  /* elemento p identificador proyectos */
  #proyectos p {
    font-size: 20px;
    padding-bottom: 20px;
    color:DarkSlateGray;
    line-height: 1.5;
    background-color: #fff;
  }

  /* Seccion noticias */
  #noticias {
    margin-top: -30px;
    margin-bottom: 30px;
    text-align: center;
    color: gray;
    background: LavenderBlush;
    padding-left: 5%;
    padding-right: 5%;
    width: 100%;
  }

  /* elemento h2 identificador noticias */
  #noticias h2 {
    color:DarkSlateGray;
    padding-bottom: 20px;
    font-size: 26px;
    font-family: 'Open Sans', sans-serif;
    text-align: center;
  }

  /* elemento h3 identificador noticias */
  #noticias h3 {
    color:DarkSlateGray;
    padding-bottom: 20px;
    font-size: 24px;
    font-family: 'Open Sans', sans-serif;
    text-align: center;
  }

  /* elemento h4 identificador noticias */
  #noticias h4 {
    color:DarkSlateGray;
    padding-bottom: 20px;
    font-size: 22px;
    font-family: 'Open Sans', sans-serif;
    text-align: center;
  }

  /* elemento p identificador noticias */
  #noticias p {
    font-size: 20px;
    padding-bottom: 20px;
    color:DarkSlateGray;
    line-height: 1.5;
    background-color: #fff;
  }

  #contacto {
    background: Snow;
    color: #333;
    text-align: center;
    margin-top:-30px;
    padding-left: 5%;
    padding-right: 5%;
    width: 100%;
  }

  /* elemento h2 identificador noticias */
  #contacto h2 {
    color:DarkSlateGray;
    padding-bottom: 20px;
    font-size: 26px;
    font-family: 'Open Sans', sans-serif;
    text-align: center;
  }

  /* elemento h3 identificador noticias */
  #contacto h3 {
    color:DarkSlateGray;
    padding-bottom: 20px;
    font-size: 24px;
    font-family: 'Open Sans', sans-serif;
    text-align: center;
  }

  /* elemento h4 identificador noticias */
  #contacto h4 {
    color:DarkSlateGray;
    padding-bottom: 20px;
    font-size: 22px;
    font-family: 'Open Sans', sans-serif;
    text-align: center;
  }

  /* elemento p identificador noticias */
  #contacto p {
    font-size: 20px;
    padding-bottom: 20px;
    color:DarkSlateGray;
    line-height: 1.5;
    background-color: #fff;
  }

  #contacto .contenedor2 {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }

  .contacto {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 5px;
    padding-right: 5px;
    width: 320px;
    border-radius: 5px;
    font-size: 14px;
  }

  textarea .contacto{
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 5px;
    padding-right: 5px;
    width: 320px;
    border-radius: 5px;
  }

  .boton1 {
    text-decoration: none;
    padding: 10px;
    font-weight: 600;
    font-size: 20px;
    color: #ffffff;
    background-color: #FF9800;
    border-radius: 20px;
    border: 2px solid #0a0a0a;
    width: 300px;
  }

  #mapa {
    margin-top: 30px;
    margin-bottom: 30px;
    text-align: center;
    color: gray;
    background: LavenderBlush;
    
    width: 100%;
  }

  #mapa iframe{
    width: 315px;
    height: 320px;    
  }


  #pcontacto .contacto {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 5px;
    padding-right: 5px;
    width: 420px;
    border-radius: 5px;
    color: black;
  }

  #pcontacto .contenedor3 {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width: 100%;
    margin: auto;    
  }

  #encuentranos {
    background: #000;
    color: #fff;
    text-align: center;
    margin-top:0px;
  }
  #encuentranos h3{
    text-align: center;
    color: white;
    font-family: 'Open Sans', sans-serif;
  }

  #encuentranos h4{
    text-align: center;
    color: white;
    font-family: 'Open Sans', sans-serif;
    font-size: 22px;
  }

  #encuentranos p{
    font-size: 17px;
    padding-bottom: 0;
    /*font-family: 'Open Sans', sans-serif;*/
  }

  #encuentranos .contenedor {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }

  #encuentranos .contenedor2 {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }

  #encuentranos .contenedor3 {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width: 100%;
    margin: auto;
    background: #000;
  }

  #encuentranos .encuentranos{
    color:#fff;
    line-height: 20px;
    margin-bottom:-15px;
  }  

  #pcontacto .contacto {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 5px;
    padding-right: 5px;
    width: 416px;
    border-radius: 5px;
    color: black;
  }
  #pcontacto {    
    color: #333;
    text-align: center;
    margin-top:30px;
    padding-left: 0%;
    padding-right: 0%;
    width: 100%;
  }

  #pcontacto .contacto {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 5px;
    padding-right: 5px;
    width: 300px;
    border-radius: 5px;
    color: black;
  }

  #pcontacto h2{
    font-size: 26px;
    text-align: center;
    color: DarkSlateGray;
    font-family: 'Open Sans', sans-serif;
  }

  #pcontacto h3{
    font-size: 24px;
    text-align: center;
    color: DarkSlateGray;
    font-family: 'Open Sans', sans-serif;
  }

  #pcontacto h4{
    font-size: 22px;
    text-align: center;
    color: DarkSlateGray;
    font-family: 'Open Sans', sans-serif;
    font-size: 22px;
  }

  #pcontacto p{
    font-size: 20px;
    padding-bottom: 0;
    color: black;
  }

  #pcontacto .contenedor3 {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width: 100%;
    margin: auto;
    
  }

  textarea .contacto{
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 5px;
    padding-right: 5px;
    width: 360px;
    border-radius: 5px;
  }

  /* elemento h2 identificador nosotros */
  #nosotros h2 {
    color:DarkSlateGray;
    padding-bottom: 20px;
    font-size: 26px;
    font-family: 'Open Sans', sans-serif;
    text-align: center;
  }

  /* elemento h3 identificador nosotros */
  #nosotros h3 {
    color:DarkSlateGray;
    padding-bottom: 20px;
    font-size: 24px;
    font-family: 'Open Sans', sans-serif;
    text-align: center;
  }

  /* elemento h4 identificador nosotros */
  #nosotros h4 {
    color:DarkSlateGray;
    padding-bottom: 20px;
    font-size: 22px;
    font-family: 'Open Sans', sans-serif;
    text-align: center;
  }

  /* elemento p identificador nosotros */
  #nosotros p {
    font-size: 20px;
    padding-bottom: 20px;
    color:DarkSlateGray;
    line-height: 1.5;
    background-color: #fff;
  }
  
}

/* ------------------------640 ----------------------------------------- */
@media(min-width:640px){
  #banner h1 {
    margin-top: 5px;
    font-size: 32px;
    /*font-size: 40px;*/
    color: Orange;
    line-height: 2.5;
  }

  #banner h2 {
    margin-top: 5px;
    font-size: 20px;
    color: white;
  }

  /* Configuracion de la etiqueta h3 */
  #banner h3{
    margin-top: 5px;
    font-size: 16px;
    color: white;
  }

  #banner p {
    font-size: 12px;
    color: white;
    text-shadow: 1px 1px black;
    line-height: 1;
  }

  #banner a{
    display: block;
    width: 20%;
    color:rgba(138, 43, 226,0.5);
    text-decoration: none;
    padding: 0.25rem;
    margin: auto;
    border: 2px solid #fff;
    color: #000;
    font-size: 10px;
    text-align: center;
    border-radius: 20px;
    transition: .4s all ease;
    background-color: darkorange;
    font-family: 'Open sans';
  }

  #banner a:hover {
    background: rgba(255, 140, 0,0.8);
    color:#000;
  }

  /* ---------------------- */
  /* Seccion de bienvenidos */
  #bienvenidos
  {
      margin-top:30px;
      text-align: center;
      color: gray;
      padding-left: 5%;
      padding-right: 5%;
      margin-bottom: 30px;
  }

  #bienvenidos h2{
    color:DarkSlateGray;
    padding-bottom: 20px;
    font-size: 26px;
    font-family: 'Open Sans', sans-serif;
  }

  #bienvenidos h3{
    color:DarkSlateGray;
    font-size: 24px;
    padding-bottom: 20px;
    font-family: 'Open Sans', sans-serif;
  }

  #bienvenidos h4{
    font-size: 22px;
    padding-bottom: 20px;
    color:DarkSlateGray;
    line-height: 1.5;
  }

  #bienvenidos p{
    font-size: 20px;
    padding-bottom: 20px;
    color:DarkSlateGray;
    line-height: 1.5;
  }

  #bienvenidos .contenedor{
      /* El contenedor principal de la linea 43 */
      /* esta presente en esta parte */
      width: 100%;
      margin: auto;
  }

  
  /* ---------------------- */

  #cloud .cloud{
    font-size: 20px;
    padding-bottom: 20px;
    color:DarkSlateGray;
    line-height: 1;
    text-align: center;

  }
   #cloud img{
    width: 100%;
    max-width: 620px;    
  }

  #mapa {
    margin-top: 30px;
    margin-bottom: 30px;
    text-align: center;
    color: gray;
    background: LavenderBlush;
    
    width: 100%;
  }

  #mapa iframe{
    width: 620px;
    height: 620px;    
  }


  #pcontacto .contacto {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 0px;
    padding-right: 0px;
    width: 480px;
    border-radius: 5px;
    color: black;
  }

  #pcontacto {
    color: #fff;
    text-align: center;
    margin-top: 30px;
    margin-left: 0%;
    margin-right: 0%;  
    max-width: 100%;  
  }

  #pcontacto h2{
    font-size: 26px;
    text-align: center;
    color: DarkSlateGray;
    font-family: 'Open Sans', sans-serif;
  }

  #pcontacto h3{
    font-size: 24px;
    text-align: center;
    color: DarkSlateGray;
    font-family: 'Open Sans', sans-serif;
  }

  #pcontacto h4{
    font-size: 22px;
    text-align: center;
    color: DarkSlateGray;
    font-family: 'Open Sans', sans-serif;
    font-size: 22px;
  }

  #pcontacto p{
    font-size: 20px;
    padding-bottom: 0;
    color: black;
  }

  #pcontacto .contenedor3 {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width: 100%;
    margin: auto;
    
  }
  textarea .contacto{
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 5px;
    padding-right: 5px;
    width: 800px;
    border-radius: 5px;
  }

  #encuentranos {
    background: #000;
    color: #fff;
    text-align: center;
    margin-top:0px;
  }
  #encuentranos h3{
    text-align: center;
    color: white;
    font-family: 'Open Sans', sans-serif;
  }

  #encuentranos h4{
    text-align: center;
    color: white;
    font-family: 'Open Sans', sans-serif;
  }

  #encuentranos p{
    font-size: 17px;
    padding-bottom: 0;
    /*font-family: 'Open Sans', sans-serif;*/
  }

  #encuentranos .contenedor {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }

  #encuentranos .contenedor2 {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }

  #encuentranos .contenedor3 {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width: 100%;
    margin: auto;
    background: #000;
  }

  #encuentranos .encuentranos{
    color:#fff;
    line-height: 20px;
    margin-bottom:-15px;
  }
  /* elemento h2 identificador nosotros */
  #nosotros h2 {
    color:DarkSlateGray;
    padding-bottom: 20px;
    font-size: 26px;
    font-family: 'Open Sans', sans-serif;
    text-align: center;
  }

  /* elemento h3 identificador nosotros */
  #nosotros h3 {
    color:DarkSlateGray;
    padding-bottom: 20px;
    font-size: 24px;
    font-family: 'Open Sans', sans-serif;
    text-align: center;
  }

  /* elemento h4 identificador nosotros */
  #nosotros h4 {
    color:DarkSlateGray;
    padding-bottom: 20px;
    font-size: 22px;
    font-family: 'Open Sans', sans-serif;
    text-align: center;
  }

  /* elemento p identificador nosotros */
  #nosotros p {
    font-size: 20px;
    padding-bottom: 20px;
    color:DarkSlateGray;
    line-height: 1.5;
    background-color: #fff;
  }

}

/* -----------------------------780 ------------------------------------ */
@media(min-width:780px){
  #banner h1 {
    margin-top: 10px;
    font-size: 36px;
    /*font-size: 40px;*/
    color: Orange;
    line-height: 2.5;
  }

  #banner h2 {
    margin-top: 10px;
    font-size: 24px;
    color: white;
  }

  /* Configuracion de la etiqueta h3 */
  #banner h3{
    margin-top: 10px;
    font-size: 20px;
    color: white;
  }

  #banner p {
    font-size: 16px;
    color: white;
    text-shadow: 1px 1px black;
    line-height: 1;
  }

  #banner a{
    display: block;
    width: 20%;
    color:rgba(138, 43, 226,0.5);
    text-decoration: none;
    padding: 0.25rem;
    margin: auto;
    border: 2px solid #fff;
    color: #000;
    font-size: 10px;
    text-align: center;
    border-radius: 20px;
    transition: .4s all ease;
    background-color: darkorange;
    font-family: 'Open sans';
  }

  #banner a:hover {
    background: rgba(255, 140, 0,0.8);
    color:#000;
  }

  /* ---------------------- */
  /* Seccion de bienvenidos */
  #bienvenidos
  {
      margin-top:30px;
      text-align: center;
      color: gray;
      padding-left: 10%;
      padding-right: 10%;
      margin-bottom: 30px;
  }

  #bienvenidos h2{
    color:DarkSlateGray;
    padding-bottom: 20px;
    font-size: 30px;
    font-family: 'Open Sans', sans-serif;
  }

  #bienvenidos h3{
    color:DarkSlateGray;
    font-size: 28px;
    padding-bottom: 20px;
    font-family: 'Open Sans', sans-serif;
  }

  #bienvenidos h4{
    font-size: 26px;
    padding-bottom: 20px;
    color:DarkSlateGray;
    line-height: 1.5;
  }

  #bienvenidos p{
    font-size: 24px;
    padding-bottom: 20px;
    color:DarkSlateGray;
    line-height: 1.5;
  }

  #bienvenidos .contenedor{
      /* El contenedor principal de la linea 43 */
      /* esta presente en esta parte */
      width: 100%;
      margin: auto;
  }
  /* ---------------------- */

  #cloud .cloud{
    font-size: 20px;
    padding-bottom: 20px;
    color:DarkSlateGray;
    line-height: 1;
    text-align: center;

  }
   #cloud img{
    width: 100%;
    max-width: 760px;    
  }

  #mapa {
    margin-top: 30px;
    margin-bottom: 30px;
    text-align: center;
    color: gray;
    background: LavenderBlush;
    
    width: 100%;
  }

  #mapa iframe{
    width: 760px;
    height: 760px;    
  }


  #pcontacto .contacto {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 5px;
    padding-right: 5px;
    width: 640px;
    border-radius: 5px;
    color: black;
  }

  #pcontacto {    
    color: #333;
    text-align: center;
    margin-top:30px;
    padding-left: 5%;
    padding-right: 5%;
    width: 100%;
  }

  #pcontacto h2{
    font-size: 26px;
    text-align: center;
    color: DarkSlateGray;
    font-family: 'Open Sans', sans-serif;
  }

  #pcontacto h3{
    font-size: 24px;
    text-align: center;
    color: DarkSlateGray;
    font-family: 'Open Sans', sans-serif;
  }

  #pcontacto h4{
    font-size: 22px;
    text-align: center;
    color: DarkSlateGray;
    font-family: 'Open Sans', sans-serif;
    font-size: 22px;
  }

  #pcontacto p{
    font-size: 20px;
    padding-bottom: 0;
    color: black;
  }

  #pcontacto .contacto {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 5px;
    padding-right: 5px;
    width: 776px;
    border-radius: 5px;
    color: black;
  }

  #pcontacto .contenedor3 {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width: 100%;
    margin: auto;
    
  }

  textarea .contacto{
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 5px;
    padding-right: 5px;
    width: 800px;
    border-radius: 5px;
  }

  /* elemento h2 identificador nosotros */
  #nosotros h2 {
    color:DarkSlateGray;
    padding-bottom: 20px;
    font-size: 26px;
    font-family: 'Open Sans', sans-serif;
    text-align: center;
  }

  /* elemento h3 identificador nosotros */
  #nosotros h3 {
    color:DarkSlateGray;
    padding-bottom: 20px;
    font-size: 24px;
    font-family: 'Open Sans', sans-serif;
    text-align: center;
  }

  /* elemento h4 identificador nosotros */
  #nosotros h4 {
    color:DarkSlateGray;
    padding-bottom: 20px;
    font-size: 22px;
    font-family: 'Open Sans', sans-serif;
    text-align: center;
  }


  /* elemento p identificador nosotros */
  #nosotros p {
    font-size: 20px;
    padding-bottom: 20px;
    color:DarkSlateGray;
    line-height: 1.5;
    background-color: #fff;
  }

}

/* Para todo */
/* ---------------------------960 ----------------------------------- */
@media(min-width:960px){
  #banner h1 {
    margin-top: 10px;
    font-size: 44px;
    color: Orange;
    line-height: 2.5;
  }

  #banner h2 {
    margin-top: 10px;
    font-size: 32px;
    color: white;
  }

  /* Configuracion de la etiqueta h3 */
  #banner h3{
    margin-top: 10px;
    font-size: 28px;
    color: white;
  }

  #banner p {
    font-size: 24px;
    color: white;
    text-shadow: 1px 1px black;
    line-height: 1;
  }

  #banner a{
    display: block;
    width: 15%;
    color:rgba(138, 43, 226,0.5);
    text-decoration: none;
    padding: 0.25rem;
    margin: auto;
    border: 2px solid #fff;
    color: #000;
    font-size: 24px;
    text-align: center;
    border-radius: 20px;
    transition: .4s all ease;
    background-color: darkorange;
    font-family: 'Open sans';
  }

  #banner a:hover {
    background: rgba(255, 140, 0,0.8);
    color:#000;
  }

  /* ---------------------- */
  /* Seccion de bienvenidos */
  #bienvenidos
  {
      margin-top:30px;
      text-align: center;
      color: gray;
      padding-left: 5%;
      padding-right: 5%;
      margin-bottom: 30px;
  }

  #bienvenidos h2{
    color:DarkSlateGray;
    padding-bottom: 20px;
    font-size: 32px;
    font-family: 'Open Sans', sans-serif;
  }

  #bienvenidos h3{
    color:DarkSlateGray;
    font-size: 30px;
    padding-bottom: 26px;
    font-family: 'Open Sans', sans-serif;
  }

  #bienvenidos h4{
    font-size: 28px;
    padding-bottom: 20px;
    color:DarkSlateGray;
    line-height: 1.5;
  }

  #bienvenidos p{
    font-size: 26px;
    padding-bottom: 20px;
    color:DarkSlateGray;
    line-height: 1.5;
  }

  #bienvenidos .contenedor{
      /* El contenedor principal de la linea 43 */
      /* esta presente en esta parte */
      width: 100%;
      margin: auto;
  }

  /* elemento h2 con id recomendaciones */
  #recomendaciones {
    margin-top: 30px;
    margin-bottom: 30px;
    text-align: center;
    color: gray;
    background: LavenderBlush;    
    width: 100%;
    padding-left: 5%;
    padding-right: 5%;
  }

  #recomendaciones h2 {
    color:DarkSlateGray;
    padding-bottom: 20px;
    font-size: 32px;
    font-family: 'Open Sans', sans-serif;
  }

  /* elemento h3 con id recomendaciones */
  #recomendaciones h3 {
    color:DarkSlateGray;
    padding-bottom: 20px;
    font-size: 30px;
    font-family: 'Open Sans', sans-serif;
  }

  /* elemento h4 con id recomendaciones */
  #recomendaciones h4 {
    color:DarkSlateGray;
    padding-bottom: 28px;
    font-size: 22px;
    font-family: 'Open Sans', sans-serif;
  }

  /* elemento p con id recomendaciones */
  #recomendaciones p {
    font-size: 26px;
    padding-bottom: 20px;
    color: DarkSlateGray;
    line-height: 1.5;
    width: 100%;
    max-width: 300px;
  }
  
  /* inicio de seccion blog*/
  #blog {
    margin-top: 30px;
    margin-bottom: 30px;
    text-align: center;
    color: gray;
    background:#fff;
    padding-left: 5%;
    padding-right: 5%;
  }
  #blog h2 {
    color:DarkSlateGray;
    padding-bottom: 20px;
    font-size: 32px;
    font-family: 'Open Sans', sans-serif;
  }

  /* elemento h3 identificacion blog */
  #blog h3 {
    color:DarkSlateGray;
    padding-bottom: 20px;
    font-size: 30px;
    font-family: 'Open Sans', sans-serif;
  }

  /* elemento h4 identificacion blog */
  #blog h4 {
    color:DarkSlateGray;
    padding-bottom: 20px;
    font-size: 28px;
    font-family: 'Open Sans', sans-serif;
  }

  /* elemento p identificacion blog */
  #blog p{
    font-size: 26px;
    padding-bottom: 20px;
    color:DarkSlateGray;
    line-height: 1.5;
  }
  /* */
  /* Inicio de Cloud*/
  #cloud {
    margin-top: 30px;
    margin-bottom: 30px;
    text-align: center;
    color: gray;
    background: white;
    padding-left: 5%;
    padding-right: 5%;
    width: 100%;
  }

  /* elemento h2 identificador cloud */
  #cloud h2 {
    color:DarkSlateGray;
    padding-bottom: 20px;
    font-size: 32px;
    font-family: 'Open Sans', sans-serif;
    text-align: center;
  }

  /* elemento h3 identificador cloud */
  #cloud h3 {
    color:DarkSlateGray;
    padding-bottom: 20px;
    font-size: 30px;
    font-family: 'Open Sans', sans-serif;
    text-align: center;
  }

  /* elemento h4 identificador cloud */
  #cloud h4 {
    color:DarkSlateGray;
    padding-bottom: 20px;
    font-size: 28px;
    font-family: 'Open Sans', sans-serif;
    text-align: center;
  }

  /* elemento p identificador cloud */
  #cloud p {
    font-size: 26px;
    padding-bottom: 20px;
    color:DarkSlateGray;
    line-height: 1.5;
    background-color: #fff;
  }

  #cloud .cloud{
    padding-bottom: 18px;
    color:DarkSlateGray;
    line-height: 1;
    text-align: center;    
  }

  #cloud img{
    width: 100%;
    max-width: 960px;    
  }

  /* Seccion proyectos */
  #proyectos {
    margin-top: 30px;
    margin-bottom: 30px;
    text-align: center;
    color: gray;
    background: white;
    padding-left: 5%;
    padding-right: 5%;
    width: 100%;
  }

  /* elemento h2 identificador proyectos */
  #proyectos h2 {
    color:DarkSlateGray;
    padding-bottom: 20px;
    font-size: 32px;
    font-family: 'Open Sans', sans-serif;
    text-align: center;
  }

  /* elemento h3 identificador proyectos */
  #proyectos h3 {
    color:DarkSlateGray;
    padding-bottom: 20px;
    font-size: 30px;
    font-family: 'Open Sans', sans-serif;
    text-align: center;
  }

  /* elemento h4 identificador proyectos */
  #proyectos h4 {
    color:DarkSlateGray;
    padding-bottom: 20px;
    font-size: 28px;
    font-family: 'Open Sans', sans-serif;
    text-align: center;
  }

  /* elemento p identificador proyectos */
  #proyectos p {
    font-size: 26px;
    padding-bottom: 20px;
    color:DarkSlateGray;
    line-height: 1.5;
    background-color: #fff;
  }

  /* Seccion noticias */
  #noticias {
    margin-top: -30px;
    margin-bottom: 30px;
    text-align: center;
    color: gray;
    background: LavenderBlush;
    padding-left: 5%;
    padding-right: 5%;
    width: 100%;
  }

  /* elemento h2 identificador noticias */
  #noticias h2 {
    color:DarkSlateGray;
    padding-bottom: 20px;
    font-size: 32px;
    font-family: 'Open Sans', sans-serif;
    text-align: center;
  }

  /* elemento h3 identificador noticias */
  #noticias h3 {
    color:DarkSlateGray;
    padding-bottom: 20px;
    font-size: 30px;
    font-family: 'Open Sans', sans-serif;
    text-align: center;
  }

  /* elemento h4 identificador noticias */
  #noticias h4 {
    color:DarkSlateGray;
    padding-bottom: 20px;
    font-size: 28px;
    font-family: 'Open Sans', sans-serif;
    text-align: center;
  }

  /* elemento p identificador noticias */
  #noticias p {
    font-size: 26px;
    padding-bottom: 20px;
    color:DarkSlateGray;
    line-height: 1.5;
    background-color: #fff;
  }

  #contacto {
    background: Snow;
    color: #333;
    text-align: center;
    margin-top:-30px;
    padding-left: 5%;
    padding-right: 5%;
    width: 100%;
  }

  /* elemento h2 identificador noticias */
  #contacto h2 {
    color:DarkSlateGray;
    padding-bottom: 20px;
    font-size: 32px;
    font-family: 'Open Sans', sans-serif;
    text-align: center;
  }

  /* elemento h3 identificador noticias */
  #contacto h3 {
    color:DarkSlateGray;
    padding-bottom: 20px;
    font-size: 30px;
    font-family: 'Open Sans', sans-serif;
    text-align: center;
  }

  /* elemento h4 identificador noticias */
  #contacto h4 {
    color:DarkSlateGray;
    padding-bottom: 20px;
    font-size: 28px;
    font-family: 'Open Sans', sans-serif;
    text-align: center;
  }

  /* elemento p identificador noticias */
  #contacto p {
    font-size: 26px;
    padding-bottom: 20px;
    color:DarkSlateGray;
    line-height: 1.5;
    background-color: #fff;
  }

  #contacto .contenedor2 {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }

  #pcontacto .contenedor3 {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width: 100%;
    margin: auto;
    
  }

  .contacto {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 5px;
    padding-right: 5px;
    width: 320px;
    border-radius: 5px;
    font-size: 14px;
  }

  #pcontacto .contenedor3 {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width: 100%;
    margin: auto;
    
  }

  textarea .contacto{
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 5px;
    padding-right: 5px;
    width: 320px;
    border-radius: 5px;
  }

  .boton1 {
    text-decoration: none;
    padding: 10px;
    font-weight: 600;
    font-size: 24px;
    color: #ffffff;
    background-color: #FF9800;
    border-radius: 20px;
    border: 2px solid #0a0a0a;
    width: 280px;
  }

  #mapa iframe{
    width: 940px;
    width: 940px;
  }

  #pcontacto .contacto {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 5px;
    padding-right: 5px;
    width: 420px;
    border-radius: 5px;
    color: black;
  }

  #encuentranos {
    background: #000;
    color: #fff;
    text-align: center;
    margin-top:0px;
  }
  #encuentranos h3{
    text-align: center;
    color: white;
    font-family: 'Open Sans', sans-serif;
  }

  #encuentranos h4{
    text-align: center;
    color: white;
    font-family: 'Open Sans', sans-serif;
    font-size: 28px;
  }

  #encuentranos p{
    font-size: 22px;
    padding-bottom: 0;
    /*font-family: 'Open Sans', sans-serif;*/
  }

  #encuentranos .contenedor {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }

  #encuentranos .contenedor2 {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }

  #encuentranos .contenedor3 {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width: 100%;
    margin: auto;
    background: #000;
  }

  #encuentranos .encuentranos{
    color:#fff;
    line-height: 20px;
    margin-bottom:-15px;
  }
    /* ---------------------- */
  #cloud .cloud{
    font-size: 24px;
    padding-bottom: 20px;
    color:DarkSlateGray;
    line-height: 1;
    text-align: left;

  }

 #mapa {
    margin-top: 30px;
    margin-bottom: 30px;
    text-align: center;
    color: gray;
    background: LavenderBlush;
    
    width: 100%;
  }

  #mapa iframe{
    width: 1000px;
    height: 900px;    
  }


  #pcontacto .contacto {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 5px;
    padding-right: 5px;
    width: 776px;
    border-radius: 5px;
    color: black;
  }

  textarea .contacto{
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 5px;
    padding-right: 5px;
    width: 840px;
    border-radius: 5px;
  }
    /* elemento h2 identificador nosotros */
  #nosotros h2 {
    color:DarkSlateGray;
    padding-bottom: 20px;
    font-size: 32px;
    font-family: 'Open Sans', sans-serif;
    text-align: center;
  }

  /* elemento h3 identificador nosotros */
  #nosotros h3 {
    color:DarkSlateGray;
    padding-bottom: 20px;
    font-size: 30px;
    font-family: 'Open Sans', sans-serif;
    text-align: center;
  }

  /* elemento h4 identificador nosotros */
  #nosotros h4 {
    color:DarkSlateGray;
    padding-bottom: 20px;
    font-size: 28px;
    font-family: 'Open Sans', sans-serif;
    text-align: center;
  }

  /* elemento p identificador nosotros */
  #nosotros p {
    font-size: 26px;
    padding-bottom: 20px;
    color:DarkSlateGray;
    line-height: 1.5;
    background-color: #fff;
  }  
}

/* ---------------------------1024 -------------------------------------- */
@media(min-width:1024px){
  .menu {
      position: static;
      width: auto;
      height: auto;
      transform: translateX(0%);
      float: right;
      display: flex;
  }

  .menu a{
      border: none;
  }

  header label{
      display: none;
  }

  #cloud p{
    font-size: 24px;
    padding-bottom: 20px;
    color:DarkSlateGray;
    line-height: 1;
    text-align: center;
  }

  #pcontacto .contenedor3 {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width: 100%;
    margin: auto;
    
  }

  #encuentranos h2 {
    margin-top: 0px;
    font-size: 30px;
    color: orange;
    padding-bottom: 0px;
  }
}


/* footer */
.encuentranos {
  width: 300px;
  font-size: 12px;
  color:#fff;
  line-height: 20px;
  margin-bottom: -15px;
  margin-top:15px;
}

.encuentranos img {
  width: 250px;
  height: 250px;
  border-radius: 40%;
  border: 1px solid SaddleBrown;
}

#encuentranos {
  background: #000;
  color: #fff;
  text-align: center;
  margin-top:0px;
}
#encuentranos h3{
  text-align: center;
  color: white;
  font-family: 'Open Sans', sans-serif;
}
/*
#encuentranos h4{
  text-align: center;
  color: white;
  font-family: 'Open Sans', sans-serif;
}
*/
#encuentranos p{
  font-size: 20px;
  padding-bottom: 0;
  /*font-family: 'Open Sans', sans-serif;*/
}

#encuentranos .contenedor {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

#encuentranos .contenedor2 {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
/*
#encuentranos .contenedor3 {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  width: 100%;
  margin: auto;
  background: #000;
}
*/
/*
#encuentranos .encuentranos{
  color:#fff;
  line-height: 20px;
  margin-bottom:-15px;
}
*/
#pcontacto .contenedor3 {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  width: 100%;
  margin: auto;
  
}
.redondeo{
  width: 100%;
  max-width: 270px;
  border-color: aqua;
  border-radius: 20px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  transition: all .4s ease-in-out;
}

.redondeo:hover{
  transform: scale(1.1);
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.5), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.circular{
  width: 100%;
  /* max-width: 280px; */
  border-radius: 50%;
  border-color: aqua;
}


.servicios {
  height:340px;
  width:340px;  
  border-radius: 50%;  
}
/*
.rotar:hover{
  transform: rotateY(180deg);
}
*/
/* info */
#info {
  background: Snow;
  color: #333;
  text-align: center;
  margin-top:80px;
}

#info .contenedor {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.info-contacto {
  margin: 15px;
 
}

.info-contacto img {
  width: 250px;
  height: 250px;
  border-radius: 40%;
  border: 1px solid SaddleBrown;
}

#info .contenedor2 {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

#info .contenedor3 {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.info-contacto p{
    font-size: 18px;
    color:DarkSlateGray;
    line-height: 20px;
    margin-bottom:-15px;
}

/* Fin de css */
/* 320 */
/* 360 */
/* 430 */
/* 640 */
/* 780 */
/* 960 */
/* 1024 */