main {
    margin: 0.5rem;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.side_by_side_images {
    display: flex;
    flex-direction: column;
    max-width: 1500px;
    min-width: 300px;
    width: 100%;
}

@media (min-width: 50rem) {
    .side_by_side_images {
        flex-direction: row;
        justify-content: center;
        align-items: center;
    }
}

.contents {
    padding: 1rem;
    margin: 0.5rem;
    background: url("Clipart/gold_panel_shadow.gif");
    background-size: cover;
    display: flex;
    justify-content: center;
    max-width: 1500px;
    min-width: 300px;
    width: 100%;
}

.contents__items {
    width: 100%;
    max-width: 800px;
}

.contents__title {
    font-size: 1.2rem;
    font-weight: bold;
    text-align: center;
}

.contents__subtitle {
    font-size: 1.0rem;
    font-weight: bold;
    text-align: center;
}

.contents__item {
    display: flex;
    justify-content: space-between;
    margin-bottom: .5rem;
}

.contents__item-start {
    flex: 1;
}

.contents__item-end {
    text-align: right;
    padding-left: 1rem;
    flex: 1;
}

@media (min-width: 50rem) {
    .contents__item-end {
        flex: 2;
    }
}

.image {
    padding: 1rem;
    margin: 0.5rem;
    background: url("Clipart/gold_panel_shadow.gif");
    background-size: cover;
    text-align: center;
    flex: 1;
    max-width: 1500px;
    min-width: 300px;
    width: 100%;
}

.image__title {
    font-size: 1.5rem;
    font-weight: bold;
    text-align: center;
}

.image_container {
    margin: 1rem;
    width: 100%;
    max-width: 800px;
    min-width: 300px;
    margin-left: auto;
    margin-right: auto;
}

.image_container img {
    width: 100%;
    box-shadow: 3px 3px 3px 3px rgba(0, 0, 0, 0.4);
}


.waypoints {
    background: url("Clipart/gold_panel_shadow.gif");
    background-size: cover;
    margin: 0.5rem;
    max-width: 1500px;
    min-width: 300px;
    width: 100%;
}

.side_by_side_waypoints {
    display: flex;
    flex-direction: column;
}

@media (min-width: 50rem) {
    .side_by_side_waypoints {
        flex-direction: row;
        justify-content: center;
        align-items: flex-start;
    }
}

.waypoint {
    margin-top: 1rem;
    margin-left: 1rem;
    margin-right: 1rem;
    text-align: center;
    flex: 1;
}

.waypoints__title {
    font-size: 1.5rem;
    font-weight: bold;
    text-align: center;
    padding: 1rem;
}