<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">div#social-footer-menu {
    position: absolute;
    bottom: 50px;
}

li.social-icon {
    display: inline;
}

div#social-footer-menu li a:before{
    background: none;
}


li.social-icon img {
    width:18px;
}

@media (max-width: 768px){

#social-footer-menu {
    display: inline-block;
    width: 240px;
    z-index: 3;
}

div#social-footer-menu {
    bottom: 0px;
}

div#social-footer-menu li a {
    padding:0px 15px;
}


}


.work-container{

    max-width:1600px;
    height: 100px;
    background: orange;
    margin: 0 auto;

}

.work-thumbnail {
    width: 33%;
    max-width: 400px;
    margin: 30px 0 0 30px;
    float: left;
}


.test-trigger{
    width: 400px;
    height: 400px;
    background: red;
    position: absolute;
    margin-left:-200px;
    left: 50%;
    top:50%;
    margin-top: -200px;
    opacity: 0
}



.showreel-container{
    margin: auto;
    width: 600px;
    height: 775px;
    background-color: yellow;
    opacity: 0;
    position: absolute;
    left:50%;
    margin-left: -300px;
    top:50%;
    margin-top: -387.5px;
    z-index: -1;
    transition: 300ms;
    -webkit-transition: 300ms;
}

/*.test-trigger:hover + .showreel-container{*/
/*    opacity: 1;*/
/*}*/




/*.showreel-container{
    width: 600px;
    margin: auto;
    position: absolute;
    z-index: -1;
    top: 50%;
    left: 50%;
    margin-left: -300px;
    margin-top: -387.5px;
    height: 775px;

}*/













</pre></body></html>