/*---------------------------------
CSS par Simon Cappelle
---------------------------------*/


.icon {
	padding-bottom: 0.8rem;
}

a {
	text-decoration: none;
}

.text-primary {
	color: rgb(164, 90, 234) !important;
}

#page_center{
	height: auto;
}

.footer{
	position: relative;
	width: auto;
}


/*--------------------------------
PARALLAX
---------------------------------*/

.bg1{
  opacity: 0.05
}
.bg2{
  opacity: 0.1
}
.bg3{
  opacity: 0.15
}
.bg4{
  opacity: 0.2
}
.bg5{
  opacity: 0.3
}
.bg6{
  opacity: 0.4
}
.bg7{
  opacity: 1
}

/* #scene-parallax{
	width: 80%;
	margin-right: auto;
	margin-left: auto;
} */

/*--------------------------------
Animation
---------------------------------*/

.icon-move-right i {
	transition: all 0.2s cubic-bezier(0.34, 1.61, 0.7, 1.3);
  }
  
  .icon-move-right:hover i,
  .icon-move-right:focus i {
	transform: translateX(5px);
  }
/*---------------------------------
GRAND ECRAN
---------------------------------*/
/* @media (orientation:landscape) {
	.left-side, .right-side{
		height: 100vh;
	}
} */

@media (min-width: 992px) {
	#page_center{
		height: 100vh;
	}
	.footer{
		position: absolute;
		width: 100vw;
		bottom: 0;
	}
}