body { 
    font-family: "Roboto", Arial, sans-serif; 
    margin: 0; 
    padding: 0; 
    background-image: url("/assets/images/background-metal-wall-lg.jpg");
}

header, footer { 
    color: white; 
    text-align: center; 
    padding: 1rem; 
    position:relative;
    clear:both;
} 

h1 {
    font-weight: 100;
    font-size: 68pt;
    text-transform:uppercase;
}

p {
    font-size: 14pt;
}

.container { 
    display: flex; 
    flex-wrap: wrap; 
    justify-content: space-around; 
    padding: 1rem; 
} 
 
.box { 
    flex: 1 1 300px; /* Grow, shrink, base width */ 
    margin: 10px; 
    padding: auto 20px; 
    text-align: center; 
    color: white;
    position: relative;
} 
 
.vertical-center {
  margin: 0;
  min-height:90%;
  position: relative;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.footer-text {
    font-size: 8pt;
    font-weight:100;
}
@media (max-width: 600px) { 
    .box { 
        flex: 1 1 100%; /* Full width on small screens */ 
    } 
    h1 {font-size:30pt;}
}