body {
  font-size: 16px;
  background-color: #333;
  font-family: 'Open Sans', sans-serif;
}
.desarrollos-web{
  padding: 15px 100px 15px 100px;
}
h1{
  font-family: 'Oswald', sans-serif;
  text-align: center;
  color: white;
  color: red;
}
h2{
  text-align: center;
  color: #fff;
}
a{
  color: #00FF00;
  display: block;
  width:35%;
  margin: 0 auto;
  text-align: center;
}
a:hover, a:focus{
  text-decoration: none;
  color: #00FF00;
  text-shadow: 0 2px 2px #00FF00;
}
.imagen{
  width: 450px;
  height: 350px;
  margin: 20px auto;
  border: 1px solid red;
}
#img-fjlbrothers{
  background: url('../img/fjl.JPG') no-repeat;
  background-size: 100% auto;
}
#img-confecciones{
  background: url('../img/confecciones.JPG') no-repeat;
  background-size: 100% auto;
}

@media (min-width: 992px) and (max-width: 1199px){
  .desarrollos-web{
    padding: 15px 50px 15px 50px;
  }
  .imagen{
    width: 380px;
    height: 290px;
    margin: 20px auto;
    border: 1px solid red;
  }
}
@media (min-width: 768px) and (max-width: 991px){
  .desarrollos-web{
    padding: 15px 20px 15px 20px;
  }
  .imagen{
    width: 350px;
    height: 250px;
    margin: 20px auto;
    border: 1px solid red;
  }
}
@media (max-width: 767px){
  .desarrollos-web{
    padding: 25px 10px 25px 10px;
  }
  .imagen{
    width: 350px;
    height: 250px;
    margin: 20px auto;
    border: 1px solid red;
  }
}
@media (max-width: 767px){
  .imagen{
    width: 300px;
    height: 200px;
    margin: 10px auto;
    border: 1px solid red;
  }
}