/*
You can add your own CSS here.

Click the help icon above to learn more.
*/


/*increase width of image on small devices on about page*/

@media screen and (max-width: 900px) {
    .page-id-34 .row4 .image2 {
        width: 100%;
    }
}

/* added by Firefly, March 2019 */

.footercontent .col2,
.footercontent .col3,
.footercontent .col4 {
    width: 30%;
    display: inline-block;
}
@media (max-width:500px) {
    .footercontent .col2,
    .footercontent .col3,
    .footercontent .col4 {
        width: 100%;
        display: block;
    }
}
.footercontent .col3 ul li {
    display: block;
}
@media (min-width: 600px) and (max-width: 900px) {
    .footercontent .col3,
    .footercontent .col2,
    .footercontent .col4 {
        width: 30%;
    }
}
@media (min-width: 200px) and (max-width: 600px) {
    .footercontent .col3,
    .footercontent .col2,
    .footercontent .col4 {
        width: 100%!important;
        display: block;
    }
}
.footercontent .col3 ul li,
.footercontent .col4 ul li {
    font-size: 10.5px;
    color: #ffffff;
    line-height: 22.5px;
width:100%;
    font-weight: normal;
    vertical-align: top;
    display: block;
    margin-right: 0px;
}
@media (max-width: 900px) {
    .footercontent .col4 ul li {
        font-size: 150%!important;
    }
}