body, html {
  height: 100%;
  margin: 0;
}

.bg {
  /* The image used */
  background-image: url("../img/background-stpatricksdesign.jpg");

  /* Full height */
  height: 100%; 

  /* Center and scale the image nicely */
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
}

.box {
position: absolute;
left: 50%;
bottom: 25px;
transform: translate(-50%, 0%);
background-color: rgba(0, 0, 0, 0.5);
padding: 10px;
color: #ffffff;
width: 80%;
min-height: 10%;
text-align: center;
display: table-cell;
vertical-align: middle;
font-family: 'Roboto Slab', serif;
font-size: 35px;
}

/* width */
::-webkit-scrollbar {
  width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
    background: #434343;
  }
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: #4aa22e; 
  border-radius: 10px;
}