

#servi {
   background: #333;
   color: #fff;
   text-align: center;
   padding: 20px;
}

#servi .contenedor2 {
   display: flex;
   flex-wrap: wrap;
   justify-content: center;

}
.info-pet {
    margin: 20px;
}

.info-pet img {
    width: 140px;
    height: 140px;
    border-radius: 40%;
    border: 4px solid #fff;
}

@media (min-width:460px) {
    .info-pet {
       width: 30%;
     }
}

@media (min-width:1024px) {
    .info-pet {
       width: auto;
     }
}


footer .contenedor2 {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding-bottom: 10px;
}


#blog4 .contenedor {
      display: flex;
      justify-content: center;    
      flex-wrap: wrap;
}

#blog4 article {
    margin: 10px;
}

#blog4 img {
    width: 100%;
    height: 100%;
    max-width: 300px;
}



#blog5 .contenedor {
      display: flex;
      justify-content: center;    
      flex-wrap: wrap;
}

#blog5 article {
    margin: 5px;
}

#blog5 img {
    width: 100%;
    height: 100%;
    max-width: 410px;
}

#blog6 h3 {
   text-align: center;
  color: #7A1347;
}

#blog6 h4 {
  text-align: center;
}

#blog6 .contenedor {
      display: flex;
      justify-content: center;    
      flex-wrap: wrap;
}

#blog6 article {
    margin: 5px;
}

#blog6 img {
    width: 100%;
    max-width: 400px;
}

#blog6 h4 {
  color: #000;
}



#blog7 h3 {
   text-align: center;
  color: #509595;
}

#blog7 h4 {
  text-align: center;
}

#blog7 .contenedor {
      display: flex;
      justify-content: center;    
      flex-wrap: wrap;
}

#blog7 article {
    margin: 5px;
}

#blog7 img {
    width: 100%;
    max-width: 200px;
}

#blog7 h4 {
  color: #000;
}


#cont {
  text-align: center;
}

.main-footer {
  background: #509595;
  color: white;
  padding: 20px;
  padding-top: 20px;
  padding-bottom: 20px;
  font-size: .8em;
  width: 93.5%;
  margin: auto;
} 

@media screen and (min-width:480px) {
      .column__title {
      font-size: 1.1em;
      }
      .column--33 {
       width: 30%;
      }
}

.container {
  width: 90%;
  margin: auto;
}

.container-flex {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-item: center;
}



#info4 {
   background: #509595;
   color: #fff;
   text-align: center;
   padding: 10px;
   margin: auto;
   width: 93.5%;
}

#info4 .contenedor3 {
   display: flex;
   flex-wrap: wrap;
   justify-content: center;

}
.info3-pet3 {
    margin: 10px;
}

.info3-pet3 img {
    width: 300px;
    height: 300px;
    border-radius: 20%;
    border: 2px solid #fff;
}

@media (min-width:460px) {
    .info3-pet3 {
       width: 80%;
     }
}

@media (min-width:1024px) {
    .info3-pet3 {
       width: auto;
     }
}


#blog8 h3 {
   text-align: center;
  color: #A4719C;
}


#blog8 h4 {
  text-align: center;
}

#blog8 .contenedor8 {
      display: flex;
      justify-content: center;    
      flex-wrap: wrap;
}

#blog8 article {
    margin: 20px;
}

#blog8 img {
    width: 100%;
    max-width: 100px;
}

#blog8 h4 {
  color: #000;
}

#blog h3 {
  color: #A4719C;
}


.main-footer2 {
  background: #095561;
  color: white;
  padding: 20px;
  padding-top: 20px;
  padding-bottom: 20px;
  font-size: .8em;
  width: 93.5%;
  margin: auto;
} 


#blog9 .contenedor9 {
      display: flex;
      justify-content: center;    
      flex-wrap: wrap;
}

#blog9 article {
    margin: 10px;
}

#blog9 img {
    width: 100%;
    max-width: 400px;
}


