* {
  box-sizing: border-box;
}

body {
  background-color: #f1f1f1;

}

/* Center website */
.main {
  margin: 0 10%;
}

h1 {
  font-size: 50px;
  word-break: break-all;
}

.row {
  margin: 8px -16px; text-align: -webkit-center;
}

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

/* Create four equal columns that floats next to each other */
.column {
  display: inline-block;
  width: 33%;
}

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

/* Content */
.content {   padding: 10px;}
.content h3{font-size: 15px;
    padding: 5px 15px;
    text-align: center;
    line-height: 23px;}
.content p{ padding:5px 15px;}


/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */

/*---------------------------------------
MOBILE RESPONSIVE
-----------------------------------------*/
@media (max-width: 1040px) {
.content h3{font-size: 13px;}
}

@media (max-width: 850px) {
.content h3{font-size: 12px; padding: 0;line-height: 20px;    letter-spacing: -0.8px;}
.column {    width: 45%;  }
}

@media (max-width: 640px) {

}