a {
    background-color: #fff;
    color: #000;
    font-style: italic;
}
a:hover {
    filter: invert(1);
}
.about {
    font: 16px/1.5 "sarif";
}
.head {
    font-size: 20px;
    text-decoration: underline;
}
.title {
    font-size: 80px !important;
    text-align: center !important;
}
.dim {
    filter: brightness(0.9);
}
body {
    font: "sarif";
    color: #fff;
}
.box {
    text-align: left;
    margin: auto;
    max-width: 350px;
    padding-top: 30px;
}

.label {
    font-size: 12px;
}
.subtext {
    font: 12px/1.2 "sarif";
}
mark {
    background-color: #000;
    color: #fff;
}
.inverted {
    filter: invert(1);
}
.invert:active {
    filter: invert(1);
}
.center {
    text-align: center;
}
.left {
    text-align: left !important;
}
.wrapper {
    display: flex;
}
.spacing {
    padding-top: 150px;
}
a.coolLink {
    background-color: #fff;
    color: #000;
    font-style: italic;
}
a.coolLink:hover {
    filter: invert(1);
}
.boxW {
    mix-blend-mode: multiply;
    position: absolute;
    margin: auto;
    left: 0;
    right: 0;
    text-align: center;
    z-index: 1;
    max-width: 469px;
    pointer-events: none;
}
.patrickbg {
    position: absolute;
    left: 0;
    right: 0;
    text-align: center;
    z-index: -1;
}
.patrickblood {
    width: 550px;
}
.patrick {
    width: 250px;
    margin-bottom: 115px;
}
.split {
    width: 125px;
    margin: 25px;
}
.boxV {
    width: 350px;
    height: 264px;
}
.world {
    margin: auto;
    width: 394px;
    pointer-events: none;
    padding-top: 32px;
}
#sj1 {
    padding-top: 22px;
    width: 224px;
}
#sj2 {
    width: 137px;
    padding-right: 10px;
}
#sj3 {
    width: 235px;
}
#sj4 {
    width: 350px;
}
#sj5 {
    width: 119px;
    padding-top: 50px;
}
#sj6 {
    width: 26px;
    height: 26px;
}
@media (min-width: 900px) {
    #murphy {
        width: 500px;
    }
    #diana1 {
        width: 350px;
    }
    #diana2 {
        width: 350px;
    }
    .ben1 {
        margin: 12.5px;
        width: 225px;
    }
    .ben2 {
        margin: 12.5px;
        width: 225px;
        padding-top: 25px;
    }
    .ben3 {
        width: 195px;
    }
    #sj1 {
        padding-top: 31px;
        width: 312px;
    }
    #sj2 {
        width: 181px;
        padding-right: 10px;
    }
    #sj3 {
        width: 308px;
    }
    #sj4 {
        width: 500px;
    }
    #sj5 {
        width: 137px;
        padding-left: 37px;
        padding-top: 40px;
    }
    #sj6 {
        padding-left: 395px;
        width: 30px;
        height: 30px;
    }
}
@media (max-width: 900px) {
    #murphyvideo {
        padding-top: 65px;
        padding-bottom: 59px;
        width: 225px;
        height: 225px;
    }

    #murphy {
        width: 350px;
    }
    #diana1 {
        width: 250px;
    }
    #diana2 {
        width: 250px;
    }
    .patrickblood {
        width: 400px;
    }
    .ben1 {
        margin: 12.5px;
        width: 150px;
    }
    .ben2 {
        margin: 12.5px;
        width: 150px;
        padding-top: 25px;
    }
    .ben3 {
        width: 150px;
    }
    body {
        background: url(photos/background.jpg) top left;
        background-size: 100% 600px;
    }
    .boxW {
        padding-top: 32px;
        max-width: 288px;
    }
    .fella {
        max-width: 350px;
        height: 263px;
    }
    .youtube {
        max-width: 350px;
        max-height: 197px;
    }
    .world {
        margin: auto;
        width: 288px;
        padding-top: 8px;
    }
    .gallery {
        width: 350px;
    }
    .sjbird {
        width: 265px;
    }
}
@media (min-width: 900px) {
    body {
        background: url(photos/background.jpg) top left;
        background-size: 100% 1800px;
    }

    #murphyvideo {
        padding-top: 94px;
        padding-bottom: 75px;
        width: 325px;
        height: 325px;
    }
    .sjbird {
        width: 375px;
    }
    .fella {
        max-width: 500px;
    }
    .boxV {
        height: 373px;
    }
    .gallery {
        width: 500px;
    }
    .box {
        max-width: 500px;
    }
    #self {
        width: 250px;
    }

    .split {
        width: 175px;
        margin: 37.5px;
    }
}