.content-gallery{
    padding:1em 1.5em;
    }

/*--BEGIN: Albums-------------------------------------------*/

.btn-close{
  color:#000000;
}

.albums{
    display:block;
    position:relative;
    z-index:9000;
    top:0px;
    left:0px;
    width:100%;
    }

    .wrapper-album{
      display:inline-block;
      vertical-align:top;
    }

    .album{
       display:inline-block;
       vertical-align:top;
       padding:0vw;
       margin:1.5vw;
       width:16vw;
       font-family:'montserrat_bold', Helvetica, Arial, sans-serif;
       text-align:center;
       color:var(--color-dark);
       text-decoration:none;
       -webkit-font-smoothing: antialiased;
       -moz-osx-font-smoothing: grayscale;
       }

    .album .album-title{
       display:block;
       padding:0;
       margin:1vw 0 0 0;
       width:100%;
       font-size:2vw;
       line-height:2.1vw;
       }

       .album .image-title{
          display:block;
          padding:0;
          margin:1vw 0 1vw 0;
          width:100%;
          font-size:1.5vw;
          font-weight:bold;
          line-height:1.6vw;
          }

    .album-img{
        display:block;
        position:relative;
        width:15vw;
        height:15vw;
        margin:0 auto;
        background-color:#CCC;
        background-repeat:no-repeat;
        background-position:50% 50%;
        background-size:cover;
        border:1vw solid #FFFFFF;
        overflow:hidden;
         box-shadow: 0px 3px 10px 2px rgba(0,0,0,0.2); -moz-box-shadow: 0px 3px 10px 2px rgba(0,0,0,0.2); -webkit-box-shadow: 0px 3px 10px 2px rgba(0,0,0,0.2);        }

        .album-img img{
            display:none;
            }

    #wrapperImage{
      display:none;
      position:fixed;
      z-index:9999;
      top:0;
      left:0;
      width:100vw;
      height:100vh;
      text-align:center;
      background:rgba(255,255,255,0.9);
      }

     #displayThumb{
        display:inline-block;
        position:relative;
        top:1em;
        z-index:9999;
        padding:0.5em;
        background:#FFFFFF;
        box-shadow: 0px 3px 20px 1px rgba(0,0,0,0.3); -moz-box-shadow: 0px 3px 20px 1px rgba(0,0,0,0.3); -webkit-box-shadow: 0px 3px 20px 1px rgba(0,0,0,0.3);        }

        #displayThumb img{
          width:auto;
          height:80vh;
          box-sizing:border-box;
          }

          .btn-close{
            color:#FFFFFF;
            font-size:0.8em;
            background:var(--color-dark);
          }

/*--END: Albums-------------------------------------------*/

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

  .album{
     margin:1.5vw;
     width:35vw;
     }

  .album .album-title{
     margin:1vw 0 0 0;
     width:100%;
     font-size:5vw;
     line-height:6vw;
     }

     .album .image-title{
        padding:0;
        margin:1vw 0 1vw 0;
        font-size:4vw;
        line-height:5vw;
        }

  .album-img{
      width:30vw;
      height:30vw;
      margin:0 auto;
      }

    .btn-close{
      font-size:7vw;
    }

}