.title {
    font: 36px/1 "sarif" !important;
    text-align: center !important;
}
.title2 {
    font-size: 46px !important;
    text-align: center !important;
}
#window {
    pointer-events: none;
    position: absolute;
    z-index: 100;
    mix-blend-mode: lighten;
}
#gallerytitle {
    background-color: white;
    color: #000;
    font-size: 28px;
    font-style: italic;
}
body {
    background: white url(/photos/general/stars.gif) top left;
    background-size: 250px;
    color: #fff;
    font: 20px/1.5 "sarif";
}
.directoryLinks {
    padding-top: 40px;
    font: 25px/2.5 "sarif";
}
.box {
    text-align: center;
    margin: auto;
    max-width: 400px;
    padding-top: 10px;
}
img#lander {
    filter: saturate(0.5);
}
img#lander:hover {
    filter: invert(1);
}
#logo {
    mix-blend-mode: lighten;
}
#logo:active {
    filter: invert(1);
}
@media (max-width: 480px) {
    #logo {
        width: 350px;
    }
    img#lander {
        width: 250px;
        height: 250px;
    }
    #window {
        scale: 1.4;
        width: 250px;
    }
}
@media (min-width: 481px) {
    #logo {
        width: 500px;
    }
    .box {
        max-width: 500px;
    }
    #window {
        scale: 1.4;
        width: 200px;
    }
    img#lander {
        width: 200px;
        height: 200px;
    }
}