
body {
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
	background-image: url(../images/bg.jpg);
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: center center; 
	background-size: 100% 100%;
	height: 100vh;
}


.messageBox1 {
  padding: 1em;
  position: absolute;
  top: 42%;
  left: 50%;
  margin-right: -50%;
  transform: translate(-50%, -50%);
  text-shadow: 0px 0px 8px #000;
  color: #fff;
  text-align: center;
}


.messageBox1 h1{
	font-size: 72px;
    font-family: serif;
	letter-spacing: 11px;
	line-height: 8pc;
}
.messageBox1 p{
    font-size: 16px;
    letter-spacing: 6px;
}


.footer {
   position: fixed;
   left: 0;
   bottom: 0;
   width: 100%;
   color: white;
   text-align: center;
}


@media only screen and (max-width: 768px){

.messageBox1 h1{
	font-size: 52px;
    font-family: serif;
	letter-spacing: 11px;
	line-height: 5pc;
}
.messageBox1 p{
    font-size: 16px;
    letter-spacing: 6px;
}

}



@media only screen and (max-width: 425px){

.messageBox1 h1 {
    font-size: 26px;
    font-family: serif;
    letter-spacing: 11px;
    line-height: 3pc;
}

.messageBox1 p{
    font-size: 12px;
    letter-spacing: 6px;
}

}