body{
      margin-top: 5vh;
  }

  .container {
      /* max-width: 460px; */
      max-width: 500px;
      /* background: blueviolet; */
  }

  .app {
    width: 142px;
    height: 142px;
    padding: 0;
    border-radius: 25px;
    box-shadow: 0 0 5px 1px green;
    display: block;

    -webkit-transition-property: padding; /* Safari */
    -webkit-transition-duration: 0s; /* Safari */
    transition-property: padding;
    transition-duration: 0s;
    cursor: pointer;
  }

  .app:hover { padding: 2px }

  .cal { padding: 10px }

  .pcsnet { padding: 35px 0 0 0 }

  .porfin { padding: 35px 0 0 0 }
  
  .developed { padding: 35px 0 0 0 }

  #informacion { padding: 5px 5px 5px 5px }

  #informacion img {
    display:block;
    max-width:100%;
    height:auto;
  }
  .sm-col-3{
    margin-bottom: 30px;
  }
  p {
    margin-bottom: 0
  }

/* @media screen and (max-width: 1266) { */

/* } */

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

  body {
    /* background: lightblue; */
    margin-top: 12px;
  }
  .row {
    /* text-align: center; */
    /* background: grey; */
    max-width: 150px;
    margin: 8px;
  }
  #box .app{
    /* text-align: center; */
  }

}