.container {
  width: 100%;
}

h1 {
  font-family: 'Miracle', sans-serif;
  font-weight: bold;
  text-align:center;
}
* {
  box-sizing: border-box;
}



/* Center website */
.main {
  max-width: 1000px;
  margin: auto;
}



.row {
  margin: 8px -16px;
}

/* Add padding BETWEEN each column */
.row,
.row > .column {
  padding: 8px;
}

/* Create four equal columns that floats next to each other */
.column {
  float: left;
  width: 25%;
}

/* Clear floats after rows */ 
.row:after {
  content: "";
  display: table;
  clear: both;
}

/* Content */
.content {
    background-color: white;
    padding: 10px;
    border: black dotted 1px ;
    height: 100%;
  }

h4.client {
  font-size: 0.8em;
  word-spacing: normal;
  letter-spacing: normal;
  text-align: left;
  color: #777;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  line-height: 1em;
  font-weight: normal;
  margin: auto;
  text-transform: uppercase;
  margin-top: 14px;
  margin-bottom: 14px;
}
.more{
    color:black;
  }

/* Responsive layout - makes a two column-layout instead of four columns */
@media screen and (max-width: 900px) {
  .column {
    width: 50%;
  }
}

/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {
  .column {
    width: 100%;
  }
}
footer {
  max-width: 100%;
  min-height: 50px;
  background: rgb(102, 164, 197);
  color: #fff;
  text-align: center; 
}