/*--parametros generales del cuerpo de imagenes 360--*/
.servicesContainer{
	height: 100vh;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	
}

.firstParagraphVR {
	margin-top: 200px;
	width: 50%;
	color: white;
	font-size: 1.2rem;
	margin-left: 25%;
	font-weight: .4;
	opacity: 0;
            transform: translateX(-100%);
            animation: slideIn 1s ease forwards;
}

.firstParagraphVR p{
	text-align: justify;
}

.nav-brandingblack 
{
	color: white;
}
body {
	background-color: rgb(27, 27, 27);
}

.ourWork {
	
	font-size: 0.9rem;
	text-align: center;
	opacity: 0;
	animation: slideIn 1s ease forwards;
}
.ourWork:nth-child(even) {
	animation-delay: 0.5s;
	transform: translateX(-100%);
}
.ourWork:nth-child(odd) {
	animation-delay: 1s;
	transform: translateX(100%);
}
.ourWork img {
	width: 20%;
}
@keyframes slideIn {
	from {
		opacity: 0;
		transform: translateX(-100%);
	}
	to {
		opacity: 1;
		transform: translateX(0);
	}
}
.ourWork h3{
	color: white;
	font-weight: 1;
	
	
}



.box-img {
	width: 100%;
	margin-top: 10%;
	display: flex;
	justify-content: space-around;
	
	


}

.box-img img{
	width: 20%;
	
}








footer hr {
	margin-top: 15%;
	width: 90%;
	margin-left: 5%;
	color: white;
}

footer p {
	font-size: 12px;
	margin-top: 15px;
	text-align: center;
	color: white;
}

			

/*--tablet responsive--*/


/*--mobile responsive--*/

@media only screen and (max-width: 850px) {
	.firstParagraphVR {
		margin-top: 130px;
		width: 70%;
		color: white;
		font-size: 1.1rem;
		margin-left: 15%;
	}
	.main {
	background:none;
	background: none;
	}
	.imagevirtual {
		
		display: flex;
		justify-content: space-evenly;
		flex-direction: row;
	}
	.header-vr {
	
		width: 90%;
		margin-left: 5%;
	}
	.header-vr h1{
		font-size: 1.3rem;
	}

	.header-vr img {
		
		width: 14%;
		text-align: center;
	}

	.box-img {
		display: flex;
		flex-direction: column;
	}

	.box-img img{
		margin-top: 80px;
		width: 10%;
		
	}

	.caption {
		color: white;
		margin-top: 50px;
		text-align: center;
		margin-bottom: 40px;
	}
	
	.caption a{
		text-decoration: none;
		list-style-type: none;
		font-weight: bold;
		color: white;
		
		
	}

	footer hr {
		margin-top: 100px;
		width: 90%;
		margin-left: 5%;
		color: white;
	}
	
	footer p {
		font-size: 12px;
		margin-top: 15px;
		text-align: center;
		color: white;
	}
	

}