#containerAboutUs{
  display: block;
	width: 100%;
  overflow: hidden;
	scroll-behavior: smooth;
}

.fullScreenPart{
	width: 100%;
	height: 100vh;
	opacity: 0;
	-webkit-transition: opacity 6s;
    -moz-transition: opacity 6s;      
    -o-transition: opacity 6s;    
    transition: opacity 6s;
}
.scrollButton{
	width: 2vw;
	height: 2vw;
	position: absolute;
	background: transparent;
	margin-left: 49vw;
	margin-right: 49vw;
	cursor: pointer;
	outline: none;
	border: solid white;
  	border-width: 0 3px 3px 0;
  	display: inline-block;
	padding: 3px;
}
.scrollButtonDown{
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	bottom: 2vh;
}
.scrollButtonUp{
	transform: rotate(-135deg);
  	-webkit-transform: rotate(-135deg);
	bottom: 5vh;
}

.backgroundShadow{
	width: 100%;
	height: 100vh;
	background: black;
	opacity: 0;
	top: 0;
	position: absolute;
	-webkit-transition: opacity 5s;
	transition: opacity 5s;
	-webkit-transition: opacity 5s;
    -moz-transition: opacity 5s;      
    -o-transition: opacity 5s;    
    transition: opacity 5s;
}
#scrollingTitle{
	font-size: 60px;
	position: absolute;
	top: 40vh;
	width: 100%;
	height: auto;
	color: white;
	text-align: center;
	opacity: 0;
	-webkit-transition: opacity 2s;
  -moz-transition: opacity 2s;      
  -o-transition: opacity 2s;    
	transition: opacity 2s; 
	font-family: 'Muli', sans-serif;
}
#scrollingDynamicTitle{
	font-size: 30px;
	position: absolute;
	top: 10px;
	width: 80%;
	margin-left: 10%;
	margin-right: 10%;
	height: auto;
	color: white;
	text-align: center;
	opacity: 0;
	-webkit-transition: opacity 1400ms;
  -moz-transition: opacity 1400ms;      
  -o-transition: opacity 1400ms;    
	transition: opacity 1400ms; 
	font-family: 'Muli', sans-serif;
}
