#photo, #photopop {
    align-items: center;
    justify-content: space-between;
}

#smallcontrols {
    display: none;
}

#photopop a {
    cursor: pointer;
}

#photo a:hover, #photopop a:hover {
    color: #6F3324;
}

#closepop {
    background-color: #C8C8C8;
    border: 2px solid #282828;
    height: 25px;
    margin: 0;
    position: absolute;
    right: 5px;
    top: 5px;
    width: 25px;
}

#closepop:hover {
    border-color: #6F3324;
}

#previousphoto, #nextphoto {
    font-size: 5em;
}

#header {
    padding: 10px 0 10px 0;
}

#header a {
    color: #282828;
}

#header, #nav {
    background-color: #C8C8C8;
}

#photo, #photogrid, #about {
    border-width: 15px 15px 30px 15px;
}

#photogrid {
    gap: 2.5px 5px;
    grid-template-columns: 1fr 1fr 1fr 1fr;
}

#photogrid a {
    cursor: pointer;
}

#photogrid a:hover {
    background-color: #6F3324;
}

#photogrid a:hover img {
    filter: grayscale(100%);
    opacity: 0.8;
    transition: filter 0.2s ease-in-out;
    transition: opacity 0.2s ease-in-out;
}

.aboutgroup img, .aboutgroup #caseranch {
    flex-basis: 30%;
}

.aboutgroup p {
    flex-basis: 70%;
    font-size: 1.25em;
}

#frank, #caseranch {
    margin: 10px;
}

#caseranch p {
    margin: 0 0 10px 0;
}