html, body {
  height: 100%; }

body {
  /*font-family: 'Roboto', sans-serif;*/
  line-height: 1.5; }

.text {
  width: 60%;
  position: absolute;
  text-align: center;
  color: #fff;
  left: 20%;
  top:40%;
}
  .text h2 {
    font-size: 55px;
	font-weight: normal;
    text-transform: uppercase; }
  .text p {
    font-weight: 300;
    font-size:18px;
	margin-top: 10px;
}

@media (max-width: 768px) {
  .text {
    text-align: center;
    color: #fff;
    max-width:80%;
    margin-left: 10%;
 }
    .text h2 {
      font-size: 2.5em; }
    .text p {
      font-size: 1em;
      font-weight: 300; }

  .csstransforms .text {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: auto;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); } 
}
@media (max-width:455px) {
	.text {
	width:100%;
    text-align: center;
    color: #fff;
    max-width:100%;
    margin-left:0%;
 }
	.csstransforms .text {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: auto;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); } 
	.a-sub-nav{
		
	}
}