/*
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */
/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */
@import url("https://fonts.googleapis.com/css?family=Open+Sans");
@import url("https://fonts.googleapis.com/css?family=Oswald:700");
html {services-box
  color: #222;
  font-size: 1em;
  line-height: 1.4; }

/*
 * Remove text-shadow in selection highlight:
 * https://twitter.com/miketaylr/status/12228805301
 *
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */
::selection {
  background: #b3d4fc;
  text-shadow: none; }

/*
 * A better looking default horizontal rule
 */

.full-page-wrapper {
  width: 100%;
  height: auto;
  padding: 0;
  margin: 0;
  padding-bottom: 30px;
  margin-bottom: 0; }

.what h3 {
  color: #515b5d;
  margin-top: 50px;
  text-align: center;}

.what p {
  font-size: 1em; }
  @media only screen and (min-width: 1400px) {
    .what p {
      font-size: 1.3em; } }

.services-wrapper {
  display: block;
  margin: 50px auto; }
  @media only screen and (min-width: 400px) {
    .services-wrapper {
      display: flex;
      margin: 80px auto;
     flex-wrap: wrap; } }
  @media only screen and (min-width: 1400px) {
    .services-wrapper {
      display: flex;
     flex-wrap: wrap;
      margin: 20px auto; } }
  .services-wrapper .services-box {
    margin: 10px;
    text-align: center; }
    .services-wrapper .services-box .services-title {
      font-family: 'Open Sans', sans-serif;
      color: #f26722;
	  font-weight: bold;}
	.read-more {
		color: #f26722;
		font-weight: bold;
		text-transform: uppercase;}
    .services-wrapper .services-box .services-icon {
      margin: 10px;
      height: 100px; }
    .services-wrapper .services-box .services-cta {
      display: block;
      font-size: 1.2em;
      padding: 10px 40px;
      margin: 10px;
      color: #ffffff;
      background-color: rgba(69, 180, 73, 0.8); }
      .services-wrapper .services-box .services-cta:hover {
        text-decoration: none;
        background-color: #45b449; }