style3.css

@charset "UTF-8";
a:visited {
	color: white;
}
.menu{
	background: linear-gradient(to right, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .5) 100%) center center fixed;
	z-index:20;
}
.menu .material-icons {
	color: #FFFFFF;
	font-size: 28px;
	float: right;
	margin-top: 13px;
	margin-right: 11px;
}
.menu-text {
	position: absolute;
	right: 52px;
	font-variant: small-caps;
	top: 18px;
	color:white;
}

.news, .some_text, .contact{
	font-size:10px;
	transform: rotate(90deg);
	text-transform: uppercase;
	transform-origin: left top 0;
	color:white;
}

.news{
	position: absolute;
	top: 54px;
	right: -8px;
}

.some_text{
	position: absolute;
	top: 104px;
	right: -35px;
}

.contact{
	position: absolute;
	top: 180px;
	right:-27px;
}

.fa-facebook{
	position:absolute;
	top:243px;
	right:24px;
	color:white;
}

.fa-twitter{
	position:absolute;
	top:270px;
	right:20px;
	color:white;
}

.fa-pinterest{
	position:absolute;
	top:300px;
	right:20px;
	color:white;
}

#carousel1{
	z-index:-99;
	width:100%;
	height:100%;
	position:fixed;
	top:0;
	right:0;
}


.left{
	background:url(images/3_left.png);
	z-index:2;
	position:fixed;
	top:0;
	left:0;
	float:left;
	width:100%;
	height:100%;
}


.content{
	width:30%;
	position:fixed;
	height:100%;
	float:left;
	top:0;
	left:0;
}

.content h1{
	text-transform: uppercase;	
	font-size:16px; 
}
.left .content div{
	width:70%;	
}
.left .content .dat1 {
	position: relative;
	top: 45px;
	left: 35px;
	animation-delay: 0.2s;
}
.left .content .dat2 {
	position: relative;
	top: 50px;
	left: 40px;
	animation-delay: 0.4s;
}
.left .content .dat3 {
	position: relative;
	top: 50px;
	left: 45px;
	animation-delay: 0.6s;
}
.left .content .dat4 {
	position: relative;
	top: 50px;
	left: 50px;
	animation-delay: 0.8s;
}

.left .content p{
	font-size:12px;	
}