#containerProjects{
    padding-left: 7vw;
    padding-right: 7vw;
	width: 100%;
	height: 100%;
    overflow: auto;
}

.img{
	width: 100%;
	height: 85vh;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-size: 45vw auto;
	margin-bottom: 30vh;
	background-repeat: no-repeat;
	text-align: center;
	-webkit-transition: opacity 3s;
    -moz-transition: opacity 3s;      
    -o-transition: opacity 3s;    
    transition: opacity 3s;
}

.img_right{
	background-position: right;
	background-position-y: 0;
}

.img_left{
	background-position: left;
	background-position-y: 0;
}

.title{
	/* text-align: center; */
	width: 50%;
	font-size: 3vw;
	padding-top: 10vh;
	/* font-family: 'Istok Web', sans-serif; */
	font-family: 'Muli', sans-serif;
	margin-bottom: 0;
	opacity: 0;
	-webkit-transition: opacity 2s;
    -moz-transition: opacity 2s;      
    -o-transition: opacity 2s;    
    transition: opacity 2s;
}
.title_left{
	margin-left: 0;
}
.title_right{
	margin-left: 45vw;
}

.description{
	width: 50%;
	font-size: 2vw;
	opacity: 0;
	-webkit-transition: opacity 2s;
    -moz-transition: opacity 2s;      
    -o-transition: opacity 2s;    
    transition: opacity 2s;
}
.description_left{
	margin-left: 0;
}
.description_right{
	margin-left: 45vw;
}

.date{
	width: 50%;
	font-size: 1vw;
	margin-bottom: 20px;
	opacity: 0;
	-webkit-transition: opacity 2s;
	transition: opacity 2s;
}
.date_left{
	margin-left: 0;
}
.date_right{
	margin-left: 45vw;
}



/* @media only screen and (max-width: 700px) and (orientation:portrait) {
	#containerProjects {
		transform: rotate(90deg);
		-moz-transform: rotate(90deg);
		-o-transform: rotate(90deg);
		-webkit-transform: rotate(90deg);
		width: 100%;
		height: 100%;
		overflow: hidden;
		position: absolute;
		top: 0;
		left: 0;
	}
  } */