html {
  background: url(background.jpeg) no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

body {
      margin:0;
      font-family: 'calibri', sans-serif;
      color: #000;
      font-weight: 400;
      font-style: normal;
}

.wrapper {
position: sticky;
height:100%;}

.col-lg-12.col-md-12.col-sm-12 {
    display: grid;
    width: 100%;
    height: 100%;
    margin: 0 auto;
}

.centered-content {
  width:100%;
  max-width: 768px;
    align-self: center;
    background: #fff;
-webkit-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.22);
-moz-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.22);
box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.22);
}

#branding {
  width: 100%;
  margin: auto;
  display: block;
  text-align: center;
}

#branding p{margin-bottom:0;}

#branding img {
  display: block;
  min-width: 40px;
  width: 100%;
  max-width: 400px;

  margin: 0 auto;
  overflow:hidden;
}

div.services {
  column-count: 4;
    column-gap: 30px;
    column-rule: 2px solid #000;
    max-width: 700px;
    margin:20px auto 0 auto;
    font-weight:600;
    text-align:center;
}

div.services p {
    flex:4;
    margin:0;
    justify-content: center;
    align-items: center;
    align-self: center;}

div.services p {column-rule: 4px double #ff00ff;}
div.services p:nth-of-type(1) {padding-left:33%;}
div.services p:nth-last-of-type(1) {column-rule: 4px double #ff00ff;padding-right:33%;}



    /* On screens that are 992px or less, set the background color to blue */
    @media screen and (max-width: 1199px) {
      .centered-content {width:auto;margin: 10%;padding: 8%;}
      div.services {column-count:2}
      #branding p{margin-bottom:20px;}

      #branding p:nth-of-type(1) {margin-bottom:20px;}
      #branding p:nth-child(even) {margin-bottom:0;}

      div.services p:nth-of-type(1) {padding-left:0%;}
      div.services p:nth-last-of-type(1) {padding-right:0%;}
      div.services p:nth-child(2) {border-right:none;}
    }

    /* On screens that are 600px or less, set the background color to olive */
    @media screen and (min-width: 1200px) {
      .centered-content {margin: 0% auto;padding: 4%;}
    }
