/*
 __            __  __                        __  __                        __
|  |          |  ||  |                      |  ||  |                      |  |
 |  |        |  |  |  |        ____        |  |  |  |        ____        |  |
  |  |      |  |    |  |      |    |      |  |    |  |      |    |      |  |
   |  |    |  |      |  |    |  ||  |    |  |      |  |    |  ||  |    |  |
    |  |  |  |        |  |  |  |  |  |  |  |        |  |  |  |  |  |  |  |
     |  ||  |          |  ||  |    |  ||  |          |  ||  |    |  ||  |
      |____|            |____|      |____|            |____|      |____|
	  
Copyright (C) 2019 Vanparijs Wim Websites www.vanparijswimwebsites.com
*/

#realisations .realisation a {
    display: block;
    position: relative;
    padding: 0.75em 0.25em;
    text-decoration: none;
    text-align: center;
}

#realisations .realisation .img-wrapper {
    display: block;
    height: 12em;
    margin: 0 auto;
}

#realisations .realisation img {
    max-height: 100%;
    width: auto;
    
    transition: all 300ms ease-in-out;
}

#mobile #realisations .realisation img {
    filter: blur(1px);
    -webkit-filter: blur(1px);
}

#realisations .realisation:hover img {
    filter: blur(2px);
    -webkit-filter: blur(2px);
}

#realisations .realisation .title {
    display: block;
    position: absolute;
    font-size: 1.5em;

    color: transparent;
    bottom: -2em;
    width: 100%;
    
    transition: all 300ms ease-in-out;
}

#realisations .realisation:hover .title, #mobile #realisations .realisation .title {
    bottom: 2em;
    color: #fff;
}