*{
  margin: 0%;
  padding: 0%;
}

header img{
  border-radius: 20px 20px 0px 0px;

}
header, .seccion1, footer{
  background: #fff;
  width: 80%;
  margin: auto;
  border-right-width: 10px;

}

header nav{
       background: #6A6C6A;
       border-radius: 0px 0px 10px 10px;
    
}      

header nav ul{
  list-style: none;
  overflow: hidden;
}

header nav ul li{
  float: left;
  
}
header nav ul li a{
  padding: 10px 10px;
  display: block;
  color: white;
  text-decoration: none;
  font-family: Century Gothic;
  font-size: 17px;
  transition: 3s;

}

header nav ul li a:hover{
  background: #72E91F;
  color: black;
  transition: 1s;

}

h1{
  font-family: Century Gothic;
  color: #6A6C6A;
  background: #fff;
}

body{
  background: #fff;  
  margin: 20px auto;
  border-radius: 20px;
  border-top-left-radius: 5%; 
  border-top-right-radius: 5%;
}
.wap{
    width: 90%;
    margin: auto;
}
.contenedor-columnas {
    width: 90%;
    margin: auto;
    margin-bottom: 50px;
}
.columnasx3{
    width: 33.333%;
    float: left;
    padding: 20px 20px;
    box-sizing: border-box;
    margin: auto;
}

.columnasx3 img{
      width: 70%;
     
     
}
.columnasx4 img{
      width: 90%;
}
.columnasx4{
    width: 30.333%;
    float: left;
    padding: 20px 20px;
    box-sizing: border-box;
    margin: auto;

}

body {
  background:  #fff;
}

.wap{
    width: 90%;
    margin: auto;
}
.contenedor-columnas {
    width: 100%;
    margin: auto;
    margin-bottom: 50px;
}
.columnasx3{
    width: 33.333%;
    float: left;
    padding: 20px 20px;
    box-sizing: border-box;
    margin: auto;
}

.columnasx3 img{
      width: 100%;
     
     
}
.columnasx4 img{
      width: 90%;
}
.columnasx4{
    width: 30.333%;
    float: left;
    padding: 20px 20px;
    box-sizing: border-box;
    margin: auto;

}


footer {
  background: #6A6C6A;
  color: white;
  clear: both;
  height: 60px;
  text-align: center;
  border-radius: 0px 0px 10px 10px;
  font-family: Century Gothic;

