body, h1, h2, h3, h4, div, p, a {
    font-family: 'Open Sans', sans-serif;
}

.float-image {
    float: left;
    margin-right: 15px;
    height: auto;
}

.justify {
    text-align: justify;
}

.memberDiv {
    min-width: 200px;
    width: 200px;
    height: 250px;
}

.servicesDiv {
    height: 600px;
    width: 350px;
    padding-left: 20px;
}

.about {
    font-size: 1.2em;
}

.clients-custom {
	padding-bottom: 20px;
}

@media screen and (max-width: 600px) {
    .float-image {
        float: none;
        margin: 20px auto;
        display: block;
    }

    .servicesDiv {
        min-height: 250px;
        padding-left: 0px;
        margin-bottom: 10px;
		height: 450px;
    }
}

@media screen and (min-width: 600px) and (max-width: 820px) {
    .servicesDiv {
        height: 450px;
    }

    .custom-col {
        padding-bottom: 20px;
    }
	
	.mobileSpacing {
        padding-top: 40px;
    }

    .about {
        font-size: 1em;
    } 
}

@media (min-width: 821px) and (max-width: 1394px) {
    .custom-col {
        flex: 0 0 30%;
        max-width: 30%;
        min-width: 200px;
        padding-bottom: 20px;
    }

    .custom-col + .custom-col {
        padding-left: 20px;
    }
	
	.servicesDiv {
        height: 650px;
    }
}
 
@media screen and (min-width: 1395px) and (max-width: 1414px) {
    .servicesDiv {
        height: 750px;
    }
}