html, body {
  height: 100%;
  font-family: arial, sans-serif;
}
.container, .row.justify-content-center.align-items-center {
  height: 100%;
  min-height: 100%;
}
bodys {
  margin: 0;
  background: linear-gradient(#eeeeee, #cccccc);
  overflow: hidden;
}
body {
  background: url('../bgh.jpg') no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  -o-background-size: cover;  
}
.antrian {
	font-size: 28px;
}
.pesan-bawah {
	font-size: 32px;		
}
.row-flex {display: flex;flex-wrap: wrap;}
[class*="col-"] {margin-bottom: 30px;}
.content {height: 100%;padding: 20px 20px 10px;color: #fff;min-height: 150px;}
.colour-1 {background: #483C46;}
.colour-2 {background: #3C6E71;}
.colour-3 {background: #70AE6E;}
.colour-4 {background: #82204A;}
.colour-5 {background: #558C8C;}
.colour-6 {background: #917C78;}
/*body {padding: 20px 0;font-family: Roboto, sans-serif;}*/
.content h3 {margin-top: 0px;font-weight: 700;}
h1 {font-weight: 700;margin-bottom: 40px;}