[class*="bottom-left-"]   { bottom: 32px; left: 32px; right: auto; top: auto; }
[class*="bottom-center-"] { bottom: 32px; left: 32px; right: 32px; top: auto; }
[class*="bottom-right-"]  { bottom: 32px; left: auto; right: 32px; top: auto; }
[class*="middle-left-"]   { bottom: 32px; left: 32px; right: auto; top: 32px; }
[class*="middle-center-"] { bottom: 32px; left: 32px; right: 32px; top: 32px; }
[class*="middle-right-"]  { bottom: 32px; left: auto; right: 32px; top: 32px; }
[class*="top-left-"]      { bottom: auto; left: 32px; right: auto; top: 32px; }
[class*="top-center-"]    { bottom: auto; left: 32px; right: 32px; top: 32px; }
[class*="top-right-"]     { bottom: auto; left: auto; right: 32px; top: 32px; }

[class*="-overlay"]
{
    border: solid 1px rgba(073, 197, 177, 1.00);
       -moz-box-shadow: 0px 0px 32px 0px rgba(073, 197, 177, 1.00);
    -webkit-box-shadow: 0px 0px 32px 0px rgba(073, 197, 177, 1.00);
            box-shadow: 0px 0px 32px 0px rgba(073, 197, 177, 1.00);
    display: none;
    margin: auto auto auto auto;
    max-height: calc(100vh - 256px);
    max-width: calc(33.33vw - 48px);
    position: fixed;
    z-index: 100;
}

[class*="-overlay"] > img
{
    cursor: pointer;
    position: absolute;
    right: 0px;
    z-index: 100;
}

[class*="-overlay"] > a > img
{
    display: none;
    height: 100%;
    position: absolute;
    width: 100%;
}

@media (max-width: 742px)
{
    [class*="-overlay"]
    {
        max-height: calc(100vh - 192px);
        max-width: calc(33.33vw - 48px);
    }
}

@media (max-width: 360px)
{
    [class*="-overlay"]
    {
        max-height: calc(100vh - 256px);
        max-width: calc(100vw  -  64px);
    }
}