html{
    height:100%;
      background-image: 
      linear-gradient(
      rgba(0, 0, 0, 0.5),
      rgba(0, 0, 0, 0.5)
    ),
    url("http://i.imgur.com/XrZw3xG.jpg");
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
}

h1, h2, h3, h4, h5, h6, p{
    color:white;
}

.box{
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    height:100vh;
    padding-left:20px;
    padding-right:20px;
}

@media only screen and (max-width: 768px) {
    .box{
        height:90vh;
    }
}

.child{
    width:auto;
    height:auto;
    margin:auto;
    text-align:center;
}

.legalese{
    align-self:flex-end;
    margin-bottom:30px;
}