body{
    background:url('/public/images/assets/watermark.png');
}

#services-container{
    position: relative;
    box-sizing: border-box;
    padding:12px;
    display:flex;
    flex-wrap:wrap;
    justify-content:space-around;
    color:white;
    font-family: 'Corbel', sans-serif;
}

#services-container > a > img{
    max-width: 120%;
    min-height: 100%;
}

#services-container a{
    display:block;
    margin:20px;
    background-color:black;
    position:relative;
    width:500px;
    overflow:hidden;
}

#services-container a:hover h1{
    font-size: 2.2em;
    transition:0.5s;
    padding:25px;
}

#services-container a:hover{
    border:8px solid teal;
}

.service-overlay h1{
    background-color:rgba(0, 128, 129, .5);
    padding: 12px;
}

.service-overlay{
    text-align:center;
    display:flex;
    flex-direction:column;
    justify-content:center;
    position:absolute;
    width:100%;
    height:100%;
    background-color: rgba(0, 0, 0, .5);
}