*{
    margin:0;
    padding:0;
}

html,body{
    width:100%;
    height:100%;
	position:relative;
}

body{
    background-image: url('background.png');
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center;
    font-family: 'Yantramanav', sans-serif;
	font-size:14px;
	color:#1d1d1d;
}


h1 {
    color: #fff;
    display: table-cell;
    font-size: 10em;
    font-weight: 100;
    text-align: center;
    text-transform: uppercase;
    vertical-align: middle;
	animation: pulsate 9s ease-out;
	animation-iteration-count: infinite; 
	
	-webkit-animation: pulsate 9s ease-out;
    -webkit-animation-iteration-count: infinite; 
    opacity: 0;
	
}


h2{
    text-align: center;
    font-size:3em;
    padding:40px 0 0;
    font-weight: 100;
    color:#fff;
    text-transform: uppercase;
}


#container{
    background-image: url('pattern.png');
    width:100%;
    height:100%;
    position:relative;
	display:table;
}

.header{
    width:100%;
    height:100%;
    display:table;
}

.upper-header {
    background-color: #222;
    display: block;
	position:absolute;
	left:0;
	top:0;
    height: 40px;
    width: 100%;
    z-index: 9999;
}

.inner-header{
	color: #fff;
    display: table;
    height: 100%;
    margin: 0 auto;
    width: 1024px;
}

.inner-header .right {
    display: table-cell;
    height: 100%;
    text-align: right;
    vertical-align: middle;
}


@keyframes pulsate {
    0% {opacity: 0;}
    50% {opacity: 1;}
    100% {
	opacity: 0;}
}


@-webkit-keyframes pulsate {
    0% { opacity: 0;}
    50% {opacity: 1;}
    100% { opacity: 0;}
}


.content{
    width:100%;
    height:auto;
    background: #222;
    display:table;
    border-bottom:40px solid #191919;
}

.inner-content{
    width:600px;
    max-width:100%;
    min-height:200px;
    display:flex;
    align-items: center;
    justify-content: center;
    margin:0 auto;
}

.inner-content a{
    margin: 0 20px;
}

.inner-content i{
    color:#fff;
    font-size:38px;
}