
.contentPhotos{
  width:25em;
  max-height:22em;
  margin:auto;
  max-width:90%;
}
.smallPho{
  height:8em;
  padding:.25em;
}
.smallPhoInt{
  background-position: center;
  background-size: cover;
  height:100%;
  border-radius: 4px;
  display:block;
}
.bigPho{
  height:12em;
  padding:.25em;
}
.bigPhoInt{
  background-position: center;
  background-size: cover;
  height:100%;
  border-radius: 4px;
  display:block;

}
.credit{
  font-size: 0.5em;
  color: #4E4E4E;
}
@media (min-width: 576px) {

  .contentPhotos{
    width:30em;
    max-height:32em;
  }
  .bigPho{
    height:20em;
    padding:.5em;
  }
  .smallPho{
    height:10em;
    padding:.5em;
  }
}
@media (min-width: 768px) {

  .contentPhotos{
    width:45em;
    max-height:23em;
  }
  .bigPho{
    height:14em;
    padding:.5em;
  }
  .smallPho{
    height:7em;
    padding:.5em;
  }
}

@media (min-width: 992px) {

  #blocEvents{
    background-image: url("../img/bg_events.jpg");
  }
  .contentPhotos{
    width:55em;
    max-height:29em;
  }
  .bigPho{
    height:18em;
    padding:.5em;
  }
  .smallPho{
    height:9em;
    padding:.5em;
  }
}

@media (min-width: 1200px) {

  .contentPhotos{
    width:65em;
    max-height:35em;
  }
  .bigPho{
    height:22em;
    padding:.75em;
  }
  .smallPho{
    height:11em;
    padding:.75em;
  }
}

@media (min-width: 1800px) {
  .contentPhotos{
    width:75em;
    max-height:38em;
  }
  .bigPho{
    height:24em;
  }
  .smallPho{
    height:12em;
  }
}
