.mod_welcome-wrapper {
	height: 100%;
}
@media screen and (min-width:576px){
	.mod_welcome-wrapper {
		min-height: 820px;
	}
}
.mod_welcome-title {
	font-size: 2.75rem;
	font-weight: 700;
	color: #5c41a6;
	text-transform: uppercase;
	font-family: 'PF BeauSans Pro';
	line-height: 1.5;
}
@media screen and (max-width:576px){
	.mod_welcome-title {
		font-size: 2rem;
	}
}
.mod_welcome-subtitle {
	font-family: "";
	font-size: 1.5rem;
	font-weight: 400;
	font-family: 'PF BeauSans Pro';
	color: #5c41a6;
	line-height: 1.5;
}
.mod_welcome-image {
	position: relative;
}
.mod-welcome-element {
	position: absolute;
	max-width: none!important;
}
.mod_welcome-image img {
	max-width: 100%;
}
#gear-mechanic-01 {
	display:none;
}
@media screen and (min-width: 992px){
	#gear-mechanic-01 {
		display:block;
		top: 15%;
		left: 53%;
		width: 16.5%;
		height: 18%;
	}
	@-webkit-keyframes rotating /* Safari and Chrome */ {
	  from {
		-webkit-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
	  }
	  to {
		-webkit-transform: rotate(360deg);
		-o-transform: rotate(360deg);
		transform: rotate(360deg);
	  }
	}
	@keyframes rotating {
	  from {
		-ms-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
	  }
	  to {
		-ms-transform: rotate(360deg);
		-moz-transform: rotate(360deg);
		-webkit-transform: rotate(360deg);
		-o-transform: rotate(360deg);
		transform: rotate(360deg);
	  }
	}
	#gear-mechanic-01 #gear-01 {
		top: 0;
		left: 0;	
	  -webkit-animation: rotating 2s linear infinite ;
	  -moz-animation: rotating 2s linear infinite ;
	  -ms-animation: rotating 2s linear infinite ;
	  -o-animation: rotating 2s linear infinite ;
	  animation: rotating 2s linear infinite ;
	}
	#gear-mechanic-01 #gear-02 {
		bottom: 0;
		right: 0;
		-webkit-animation: rotating 4s linear infinite;
	  -moz-animation: rotating 4s linear infinite;
	  -ms-animation: rotating 4s linear infinite;
	  -o-animation: rotating 4s linear infinite;
	  animation: rotating 4s linear infinite;
	}
	@keyframes chain { 
		  0% { background-position:    0px 0px; } 
		100% { background-position: -742px 0px; }
	}
	#gear-mechanic-01 #gear-chain-01 {
		width: 106px;
		height: 70px;
		top: 16%;
		left: 22%;
		background: url('/app/images/welcome/welcome-chain-01.png') 0 0 no-repeat;
		background-size: auto 100%;
		-webkit-animation: chain .1s steps(7) infinite;	
		animation: chain .21s steps(7) infinite;	
	}
}
@media screen and (max-width: 500px){
	body{
		font-size: 14px;
	}
}