h1 {
    font-size: 25px;
}

h2 {
    font-size: 20px;
}

p {
    font-size: 16px;
}

li {
    font-size: 16px;
}

.content {
    margin-left: 5%;
    margin-right: 5%;
}

.photo-group {
    display: flex;
    flex-wrap: wrap;
}

.photo-group > .photo {
    margin-right: 5px;
    margin-top: 5px;
    height: 400px;
}

@media only screen and (min-width: 777px) {
    h1 {
        font-size: 50px;
    }

    h2 {
        font-size: 30px;
    }

    p {
        font-size: 20px;
    }

    li {
        font-size: 20px;
    }

    .content {
        margin-left: 15%;
        margin-right: 15%;
    }

    .photo-group {
        display: flex;
        flex-wrap: wrap;
    }

    .photo-group > .photo {
        margin-right: 10px;
        margin-top: 10px;
        height: 400px;
    }
}