/* mobile first min-width sets base and content is adapted to computers. */
@media (min-width: 100px) {
    main * {
        letter-spacing: 1px;
    }

    #contact-point-page-content-head {
        text-align: center;
    }

    #contact-point-page-content-head p {
        margin-bottom: 30px;
        font-size: 20px;
    }

    main img {
        border-radius: 30px;
        box-shadow: 2px 3px 11px #ccc;
    }

    #contact-point-description{
        text-align: center;
        font-size: 18px;
    }

    .contact-point-section-img-right img,
    .contact-point-section-img-left img {
        width: 50%;

    }

    .contact-point-section-img-left img {
        margin-right: 20px;
    }

    .contact-point-section-img-left img, .contact-point-section-img-right p {
        float: left;
    }

    .contact-point-section-img-left {
    }

    .contact-point-section-img-right img {
        margin-left: 20px;
        float: right;
    }

    #opening-hours{
        line-height: 28px;
    }

}

@media (min-width: 900px) {
    #help-point-wrapper{
        max-width: 950px;
        margin: auto;
    }
}