@media screen and (max-width: 768px) {
    #locations a{
        display: block;
        padding: 0.4em;
        text-decoration: none;
        color: #615548;
    }
    #locations a:hover{
        text-decoration: underline;
    }
    .edit h1 {
        font-size: 24px;
    }
    .edit h1,
    .edit h2, 
    .edit h3, 
    .edit h4, 
    .edit h5, 
    .edit h6 {
        margin-bottom: 25px;
        text-transform: uppercase;
        padding-left: 75px;
        font-family: "PT Serif Bold";
        background-image: url(/_files/image/background/left-top-line.png);
        background-repeat: no-repeat;
        background-position: top left;
    }
    .edit p {
        text-align: justify;
        line-height: 1.2;
        margin-bottom: 10px;
        font-family: "PT Serif Regular";
    }
    .edit ul {
        padding-left: 1.875em;
        list-style: inherit !important;
    }
    #locations ul li {
        display: inline-block !important;
        width: 31.1% !important;
        padding: 3.5px !important;
        border: 1px solid #60c2ee !important;
    }
}

@media screen and (min-width: 769px) and (max-width: 999px) {
    #items{
        margin-top: 1em;
        text-align: right;
    }
    #items .item{
        display: inline-block;
        width: 30%;
        vertical-align: top;
        margin-right: 1.5%;
        margin-left: 1.5%;
        margin-top: 2em;
        margin-bottom: 1em;
    }
    #items .separator:nth-of-type(3n+1){
        display: block;
        height: 0.7em;
        border-width: 1px;
    }
    #items .image img{
        max-width: 100%;
        border-width: 1px;
    }
    #items .title{
        display: block;
        font-size: 1.4em;
        font-weight: bold;
        border-bottom-width: 2px;
        padding-bottom: 0.1em;
        text-align: left;
    }
    #items .text{
        text-align: justify;
        font-size: 0.95em;
        min-height: 12em;
    }
    #items .read_more{
        display: inline-block;
        padding: 0.4em;
        font-size: 0.95em;
    }

    #items .separator:nth-of-type(3n+1){
        background-color: #D2B79A;
        border-color: #BDA78F;
        border-style: solid;
    }
    #items .image img{
        border-style: solid;
        border-color: #96836F;
    }
    #items .title{
        text-decoration: none;
        color: #615548;
        border-bottom-color: #615548;
        border-bottom-style: solid;
    }
    #items .title:hover{
        text-decoration: underline;
    }
    #items .text{
        color: #615548;
        line-height: 1.2em;
    }
    #items .read_more{
        background-color: #9A8774;
        color: #FDFBE2;
        text-decoration: none;
    }
    #locations a{
        font-family: "PT Serif Regular";
        text-decoration: none;
        color: #009afc;
    }
    #locations a:hover{
        text-decoration: underline;
    }
    #locations ul{
        padding-top: 1.8em;
        padding-bottom: 1.8em;

        -webkit-column-count: 4; /* Chrome, Safari, Opera */
        -moz-column-count: 4; /* Firefox */
        column-count: 4;
    }

    #body > .separator{
        display: block;
        height: 0.7em;
        border-width: 1px;

        background-color: #D2B79A;
        border-color: #BDA78F;
        border-style: solid;
    }

    .edit h1 {
        font-size: 24px;
    }
    .edit h1,
    .edit h2, 
    .edit h3, 
    .edit h4, 
    .edit h5, 
    .edit h6 {
        margin-bottom: 25px;
        text-transform: uppercase;
        padding-left: 75px;
        font-family: "PT Serif Bold";
        background-image: url(/_files/image/background/left-top-line.png);
        background-repeat: no-repeat;
        background-position: top left;
    }
    .edit p {
        text-align: justify;
        line-height: 1.2;
        margin-bottom: 10px;
        font-family: "PT Serif Regular";
    }
    .edit ul {
        padding-left: 1.875em;
        list-style: inherit !important;
    }

}

@media screen and (min-width: 1000px) {

    .edit h1 {
        font-size: 24px;
    }
    .edit h1,
    .edit h2, 
    .edit h3, 
    .edit h4, 
    .edit h5, 
    .edit h6 {
        margin-bottom: 25px;
        text-transform: uppercase;
        padding-left: 75px;
        font-family: "PT Serif Bold";
        background-image: url(/_files/image/background/left-top-line.png);
        background-repeat: no-repeat;
        background-position: top left;
    }
    .edit p {
        text-align: justify;
        line-height: 1.2;
        margin-bottom: 10px;
        font-family: "PT Serif Regular";
    }
    .edit ul {
        padding-left: 1.875em;
        list-style: inherit !important;
    }

    #locations {
        margin: 0 auto;
        width: 72.65625%;
        padding-bottom: 1em;
    }
    #locations .left-side
    {
        position: relative;
        width: 120%;
        left: -18% !important;
    }
    #locations a{
        font-family: "PT Serif Regular";
        text-decoration: none;
        color: #009afc;
    }
    #locations a:hover{
        text-decoration: underline;
    }
    #locations ul{
        padding-top: 1.8em;
        padding-bottom: 1.8em;

        -webkit-column-count: 4; /* Chrome, Safari, Opera */
        -moz-column-count: 4; /* Firefox */
        column-count: 4;
    }

    #locations ul li {
        text-align: left;
        margin-bottom: 10px;
    }

    #locations h1,
    #locations h2,
    #locations h3,
    #locations h4{
        font-weight: bold;
        font-size: 1.5em;
        color: #000;
    }

    
    #body > .separator{
        display: block;
        height: 0.7em;
        border-width: 1px;

        background-color: #D2B79A;
        border-color: #BDA78F;
        border-style: solid;
    }

    tspan {
        font-family: "PT Serif Regular" !important;
    }
    .raphael-group-159-annotations text:first-child tspan{
        background: rgb(0, 154, 252);
    }
}
@media screen and (max-width: 535px) {
    #locations ul li {
        vertical-align: top;
        padding-top: 10px;
        height: 40px;
        width: 30.5% !important;
    }
}
@media screen and (max-width: 420px) {
    #locations ul li {
        width: 29.5% !important;
    }
}
@media screen and (max-width: 320px) {
    #locations ul li {
        width: 46% !important;
    }
}
@media screen and (max-width: 300px) {
    #locations ul li {
        width: 100% !important;
    }
}

#map svg > text{
    display: none;
}