* {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

img {
  width: 100%;
  height: 100%;
  object-fit: cover; }

.container {
  display: flex;
  width: 100%;
  flex-flow: row wrap;
  justify-content: center;
  align-items: center; }
  .container .item {
    display: grid;
    margin: auto;
    position: relative;
    flex: 1;
    text-align: center;
    color: white;
    transition: .3s;
    min-width: 19%;
    max-width: 20%;
    height: 25vh;
    border-right: 15px solid black;
    background-color: rgba(34, 34, 34, 0.4);
    /*
    &:nth-of-type(odd){
      &:before{
        background-image: url('https://images.unsplash.com/photo-1508945620753-e2344dfbda6b?ixlib=rb-0.3.5&q=85&fm=jpg&crop=entropy&cs=srgb&ixid=eyJhcHBfaWQiOjE0NTg5fQ%3D%3D%0A&s=29dab9e47bdca132bd5c31d5155a6bf5');
      }
    }

    &:nth-of-type(even){
      &:before{
        background-image: url('https://images.unsplash.com/photo-1502090154121-caf9968dcd04?ixlib=rb-0.3.5&q=85&fm=jpg&crop=entropy&cs=srgb&ixid=eyJhcHBfaWQiOjE0NTg5fQ%3D%3D%0A&s=ccc1cfea72263260e0823c14680af8ae');
      }
    }    
    */
    /*
    &:hover{
      transition: .5s;
      max-width: 40% !important;
      flex-grow: 2;
      cursor: pointer;
      color: #fff;
      background-color: rgba(blue, .3);
      
      p{
        transform: none;
        transition: .3s;
      }

      a{
        display: inline-block;
        width: 100%;
        height: 100%;
      }
    }*/ }
    .container .item:before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-position: center bottom;
      background-size: cover;
      z-index: -1; }
  .container .content {
    margin: auto;
    font-size: 2em; }
  .container p {
    transform: translateY(120vh); }

/*# sourceMappingURL=index.css.map */