img.alignleft,
img.aligncenter,
img.alignnone,
img.alignright {
    max-width: 100%;
    height: auto;
}

img.alignleft {
    display: block;
    margin-bottom: 15px;
}

img.alignright {
    display: block;
    margin-bottom: 15px;
}

img.aligncenter {
    display: block;
    margin: 15px auto;
}

.clearfix:after {
    display: table;
    content: '';
    clear: both;
}

.calendar-button {
    display: block;
    padding: 10px 5px;
    text-decoration: none;
    margin: 5px;
    color: #fff;
    background-color: #4ebed4;
    box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.2), 0px 2px 2px 0px rgba(0,0,0,0.14), 0px 3px 1px -2px rgba(0,0,0,0.12);
    font-size: 0.875rem;
    min-width: 64px;
    box-sizing: border-box;
    transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,border 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    line-height: 1.75;
    font-family: "Roboto", "Helvetica", "Arial", sans-serif;
    font-weight: 500;
    border-radius: 4px;
    letter-spacing: 0.02857em;
    text-transform: uppercase;
    text-align: center;
}

.calendar-button:link,
.calendar-button:visited,
.calendar-button:active,
.calendar-button:hover {
    background: #4ebed4;
    color: #fff;
    text-decoration: none;
}

.calendar-button:active,
.calendar-button:hover {
    background: #368594;
    color: #fff;
}

.mapboxgl-popup-close-button {
    padding: 7px 7px;
    font-size: 1.75rem;
    z-index: 10;
}

.mapboxgl-popup-content {
    padding-right: 25px !important;
}

@media screen and (min-width: 700px) {
    img.alignleft,
    img.aligncenter,
    img.alignnone,
    img.alignright {
        max-width: 60%;
        height: auto;
    }

    
    img.alignleft {
        float: left;
        margin-right: 15px;
    }
    
    img.alignright {
        float: right;
        margin-left: 15px;
    }
}