*{
    padding: 0;
    margin: 0;
}




html, body, section, div{
  height: 100%;
}

body { 
  color: #000000;
  font-family: "Times New Roman", Times, serif;
  font-size: 1.25rem;
  line-height: 150%;
  text-align: center;
  display: grid;

}

h1 {
  font-size: 1.75rem;
  margin: 0 0 0.75rem 0;
}

// Pattern styles
.container {
  display: table;
  height: 100%;
  width: 100%;
}

div {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  padding: 1rem;
}

.popupbg {
  background: #ffffff;
}


@media only screen and (max-width: 600px)
{
    div {
  display: inline;
  text-align: center;
  vertical-align: middle;
  
  padding: 1rem;
}

}

.col {
  width: 35%;
  padding: 10px;
  height: 300px; /* Should be removed. Only for demonstration */
}