@import url('https://fonts.googleapis.com/css?family=Inconsolata&display=swap');
 body {
     height: 100%;
     margin : 0;
}
 .outer-container {
     position : absolute;
     display: table;
     width: 100%;
     height: 100%;
     background: url('../bg3-new.jpg') no-repeat center center fixed;
     -webkit-background-size: cover;
     -moz-background-size: cover;
     -o-background-size: cover;
     background-size: cover;
     /* box-shadow: inset 0px 0px 570px 575px rgba(0, 0, 0, 0.7); */
}
 
.outer-container:after {
     content: '';
     position: fixed;
     top: 10px;
     right: 10px;
     bottom: 10px;
     left: 10px;
     border: 1px solid rgba(255,255,255,.6);
}

 .inner-container {
     display: table-cell;
     vertical-align: middle;
     /* vertical-align: top;
     padding-top:130px; */
     text-align: center;
}
 .centered-content {
     display: inline-block;
     text-align: center;
     background-color:rgba(0, 0, 0, 0.7);
     z-index: 2;
}
 h1{
     color: #fff;
     font-size: 49px;
     line-height: 1;
     letter-spacing: 0;
     font-weight: 400;
     font-family: Bahram;
     margin-top: 0;
     margin-bottom: 0;
}
 p{
     color: #fff;
     font-family: 'Inconsolata', monospace;
     font-size: 13px;
     line-height: 2.2;
     font-weight: 300;
     letter-spacing: 0.4em;
     margin-top: 0;
     margin-bottom: 0;
}
 .social {
     position: absolute;
     color: #fff;
     right: 0;
     bottom: 50px;
     left: 0;
     text-align: center;
     z-index: 2;
}
 .social p{
     font-size: 13px;
     font-family: 'Inconsolata', monospace;
     line-height: 0.2;
     font-weight: 300;
     letter-spacing: 0.1em;
     text-align: center;
     text-transform: uppercase;
}
 .icon {
     padding: 7px;
}
 .icon a{
     padding-left: 10px;
}
 a, a:visited {
     color: #fff;
     text-decoration: none;
}
 a:hover, a:focus {
     color: #cc005f;
}
 .triangle-pattern {
     position: fixed;
     top: 0;
     right: 0;
     bottom: 0;
     left: 0;
     background-image: url('../triangles-min.png');
     background-size: cover;
     background-position: center;
     opacity: .07;
}
@media screen and (max-width: 600px) {
     h1 {
         font-size: 47px;
    }
}
@media screen and (max-width: 400px) {
     h1 {
         font-size: 43px;
    }
     p {
         font-size: 9px;
         letter-spacing: 0.2em;
    }
     social p{
         font-size: 9px;
    }
}
@font-face {
	font-family: Bahram;
	src:
		url('Bahram.woff2') format('woff2'),
		url('Bahram.woff') format('woff');
}