/* Viewport */
#viewport{
position: absolute;
top: 0;
right: 0;
width:100%;
position:relative; 
overflow:hidden;
margin:0 auto;
}

/* Wall */
#wall{
z-index:1;
position:relative;
}

h1.home-page-title {
font-style: normal;
font-weight: 700;
font-size: 145px;
text-align: center;
text-transform: uppercase;
letter-spacing: -0.04em;
color: #fff;
 margin: -13px auto 2px auto; 
width: 100%;
line-height: 100%;
position: relative;
}

h2.home-page-title {
font-style: normal;
font-weight: 400;
font-size: 12px;
text-align: center;
text-transform: uppercase;
letter-spacing: 0.65em;
color: #fff;
margin: 0 0 0 3px;
}

.center-block {
position:absolute;
top:40%;
width:100%;
text-align:center;
height:145px;
 z-index:10; 
}

 .home-page-overlay-gradient {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.70) 100%, rgba(0, 0, 0, .1) 100%);
background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.70) 100%, rgba(0, 0, 0, .1) 100%);
background: linear-gradient(to bottom, rgba(0, 0, 0, 0.70) 100%, rgba(0, 0, 0, .1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a6000000', endColorstr='#00000000', GradientType=0);
-webkit-pointer-events: none;
   -moz-pointer-events: none;
        pointer-events: none;
z-index: 5;
}  

.home-page-overlay {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(0, 0, 0, .75);
 z-index: 1; 
}


.slideshow-wall li {
visibility: hidden;
        opacity: 0;
   -moz-opacity: 0;
-webkit-opacity: 0;
filter: alpha(opacity=0);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}

.slideshow-wall, .slideshow-wall li {
position: absolute;
top: 0;
left: 0;
}



@media only screen and (max-width: 1200px) {
  h1.home-page-title {
    font-size: 105px;
	margin: -13px auto 3px auto;
	
  }
}

@media only screen and (max-width: 880px) {
  h1.home-page-title {
    font-size: 85px;
	margin: -13px auto 6px auto;
  }
}

@media only screen and (max-width: 640px) {
  h1.home-page-title {
    font-size: 65px;
	margin: -13px auto 4px auto;
  }
}


@media only screen and (max-width: 1200px) {
  h2.home-page-title {
    font-size: 12px;
	margin: 0 0 0 4px;
  }
}

@media only screen and (max-width: 880px) {
  h2.home-page-title {
    font-size: 11px;
	margin: 0 0 0 7px;
  }
}

@media only screen and (max-width: 640px) {
  h2.home-page-title {
    font-size: 10px;
	margin: 0 0 0 6px;
  }
}